quaintitative

3 Days of Hand Coding Visualisations - Introduction

I have been doing a simple beginner’s course on hand coding visualisations at work.

A wide range of tools are available for visualising data, from the ubiquitous Excel to the very user friendly (but not cheap) Tableau.

But I thought it would still be useful to do a short course on how to hand code visualisations, and the range of ways in which to do that. There are a number of advantages in choosing the hand coding route.

• It’s free. Even Excel costs $, not to mention Tableau, where the costs can run into the thousands.
• It’s flexible. You are not limited to the chart types that Excel or Tableau offers. Almost anything you can imagine can be coded, and interactions built in.
• It’s easy to show off your creations. Anyone with a web browser will be able to view and interact with your data visualisation.

The original course is about 1.5 days long.

I shall split it into 3 parts, that even someone with very little coding knowledge could cover in 3 days.

At the end, you would hopefully have gained a good knowledge on the range of tools available for hand coding visualisations, and be able to create the visualisation shown below, which can be accessed at this link.

Articles

Comparing Prompts for Different Large Language Models (Other than ChatGPT)

AI and UIs

Listing NFTs

Extracting and Processing Wikidata datasets

Extracting and Processing Google Trends data

Extracting and Processing Reddit datasets from PushShift

Extracting and Processing GDELT GKG datasets from BigQuery

Some notes relating to Machine Learning

Some notes relating to Python

Using CCapture.js library with p5.js and three.js

Introduction to PoseNet with three.js

Topic Modelling

Three.js Series - Manipulating vertices in three.js

Three.js Series - Music and three.js

Three.js Series - Simple primer on three.js

HTML Scraping 101

(Almost) The Simplest Server Ever

Tweening in p5.js

Logistic Regression Classification in plain ole Javascript

Introduction to Machine Learning Right Inside the Browser

Nature and Math - Particle Swarm Optimisation

Growing a network garden in D3

Data Analytics with Blender

The Nature of Code Ported to Three.js

Primer on Generative Art in Blender

How normal are you? Checking distributional assumptions.

Monte Carlo Simulation of Value at Risk in Python

Measuring Expected Shortfall in Python

Style Transfer X Generative Art

Measuring Market Risk in Python

Simple charts | crossfilter.js and dc.js

d3.js vs. p5.js for visualisation

Portfolio Optimisation with Tensorflow and D3 Dashboard

Setting Up a Data Lab Environment - Part 6

Setting Up a Data Lab Environment - Part 5

Setting Up a Data Lab Environment - Part 4

Setting Up a Data Lab Environment - Part 3

Setting Up a Data Lab Environment - Part 2

Setting Up a Data Lab Environment - Part 1

Generating a Strange Attractor in three.js

(Almost) All the Most Common Machine Learning Algorithms in Javascript

3 Days of Hand Coding Visualisations - Day 3

3 Days of Hand Coding Visualisations - Day 2

3 Days of Hand Coding Visualisations - Day 1

3 Days of Hand Coding Visualisations - Introduction