Posts by Tag

Bespoke Charts with Svelte, D3 and LayerCake

2 minute read

In order to present their data on discrimination against Asian-Americans in the United States, Dataface Dataface required some bespoke interactive charts, ba...

Svelte Scatterplot Component with Gapminder-esque Demo

less than 1 minute read

I used Svelte (with Layercake) to build a little scatterplot component with selectable axes and toggled log-plots. This makes for an easy Gapminder-alike dem...

Fractal Trees with Svelte

1 minute read

I wanted to try Svelte’s self-calling components and building some fractal trees recursively seemed a good way to do that and end up with something pretty fo...

Bespoke Charts with Svelte, D3 and LayerCake

2 minute read

In order to present their data on discrimination against Asian-Americans in the United States, Dataface Dataface required some bespoke interactive charts, ba...

Line to Stacked Area Chart with Svelte Transitions

less than 1 minute read

This chart transitions from a conventional multi-line chart to a stacked area chart, using Svelte transitions. LayerCake and D3 add ballast to the foundation...

Circular Bar Chart Component with Svelte, LayerCake and D3

less than 1 minute read

This is a little demo of a circular bar chart, built using Svelte, Layer Cake and a little D3.

UK Demographics Explorer (Verify GOV.UK) Permalink

less than 1 minute read

A data visualisation for the UK government’’s Verify project, allowing exploration of Verify’’s demographic coverage using a dataset provided by the Office o...

All That Jazz, Patterns in the Keys Permalink

less than 1 minute read

This visualisation uses a force-directed layout, courtesy of D3, to view approximately 1200 classic Jazz standards by key, date and composer. Some interestin...

Covid Vaccine Efficacy - Visualising Simpson’s Law Permalink

less than 1 minute read

I recently came across a tweet which mentioned the likelihood that recent Covid vaccine efficacy stats coming out of Israel were an example of a famous stati...

Bespoke Charts with Svelte, D3 and LayerCake

2 minute read

In order to present their data on discrimination against Asian-Americans in the United States, Dataface Dataface required some bespoke interactive charts, ba...

Svelte Scatterplot Component with Gapminder-esque Demo

less than 1 minute read

I used Svelte (with Layercake) to build a little scatterplot component with selectable axes and toggled log-plots. This makes for an easy Gapminder-alike dem...

Fractal Trees with Svelte

1 minute read

I wanted to try Svelte’s self-calling components and building some fractal trees recursively seemed a good way to do that and end up with something pretty fo...

Svelte Scatterplot Component with Gapminder-esque Demo

less than 1 minute read

I used Svelte (with Layercake) to build a little scatterplot component with selectable axes and toggled log-plots. This makes for an easy Gapminder-alike dem...

Fractal Trees with Svelte

1 minute read

I wanted to try Svelte’s self-calling components and building some fractal trees recursively seemed a good way to do that and end up with something pretty fo...

Line to Stacked Area Chart with Svelte Transitions

less than 1 minute read

This chart transitions from a conventional multi-line chart to a stacked area chart, using Svelte transitions. LayerCake and D3 add ballast to the foundation...

Svelte Scatterplot Component with Gapminder-esque Demo

less than 1 minute read

I used Svelte (with Layercake) to build a little scatterplot component with selectable axes and toggled log-plots. This makes for an easy Gapminder-alike dem...

Line to Stacked Area Chart with Svelte Transitions

less than 1 minute read

This chart transitions from a conventional multi-line chart to a stacked area chart, using Svelte transitions. LayerCake and D3 add ballast to the foundation...

Circular Bar Chart Component with Svelte, LayerCake and D3

less than 1 minute read

This is a little demo of a circular bar chart, built using Svelte, Layer Cake and a little D3.

Visualizing The Nobel Prize Winners

less than 1 minute read

My book Data-visualization with Python and JavaScript uses a freshly scraped, cleaned and refined Nobel-prize dataset to build a JavaScript web visualization...

Mountain Car Challenge

4 minute read

Introduction To quote the OpenAI Gym page, the challenge consists of:

Exploring Data With Pandas And Matplotlib

1 minute read

Visualizing The Nobel Prize Winners

less than 1 minute read

My book Data-visualization with Python and JavaScript uses a freshly scraped, cleaned and refined Nobel-prize dataset to build a JavaScript web visualization...

Mountain Car Challenge

4 minute read

Introduction To quote the OpenAI Gym page, the challenge consists of:

Exploring Data With Pandas And Matplotlib

1 minute read

Historic UK Weather Permalink

less than 1 minute read

I used Python and D3 to transform some old pages of row-columnar data provided by the UK Meteorological into an animated coloured map, showing hours of...

Warped England: Why young people can’t buy houses anymore Permalink

less than 1 minute read

A D3 maps visualization of the change in the ratio of English house-prices to household incomes over the period 1997-2012. By warping the map of England to r...

Brush Filters with Active Charts Permalink

less than 1 minute read

A recent client wanted a way to filter a large dataset of objects while seeing any changes immediately reflected by data-selective charts. Using ...

UCL Dataviz Workshops 2019

1 minute read

The course structure and some online resources for the UCL Business Management Dataviz module.

Historic UK Weather Permalink

less than 1 minute read

I used Python and D3 to transform some old pages of row-columnar data provided by the UK Meteorological into an animated coloured map, showing hours of...

Observable Intro

2 minute read

I decided to try out Observable, Mike Bostock’s (Mr D3) latest venture, by implementing a little demo I did to show how AFrame and D3 can help bring JavaScr...

Observable Intro

2 minute read

I decided to try out Observable, Mike Bostock’s (Mr D3) latest venture, by implementing a little demo I did to show how AFrame and D3 can help bring JavaScr...

UCL Dataviz Workshops 2020

2 minute read

The course structure and some online resources for the UCL Business Management Dataviz module.

Visualizing The Nobel Prize Winners

less than 1 minute read

My book Data-visualization with Python and JavaScript uses a freshly scraped, cleaned and refined Nobel-prize dataset to build a JavaScript web visualization...

Mountain Car Challenge

4 minute read

Introduction To quote the OpenAI Gym page, the challenge consists of:

Mountain Car Challenge

4 minute read

Introduction To quote the OpenAI Gym page, the challenge consists of:

Picasso Sketches with Evo-canvas

2 minute read

Intro A variety of token-lists containing the word Picasso were used to produce a CLIP’s score against evolved images (see evo-canvas). Rather than using CLI...

Picasso Sketches with Evo-canvas

2 minute read

Intro A variety of token-lists containing the word Picasso were used to produce a CLIP’s score against evolved images (see evo-canvas). Rather than using CLI...

Picasso Sketches with Evo-canvas

2 minute read

Intro A variety of token-lists containing the word Picasso were used to produce a CLIP’s score against evolved images (see evo-canvas). Rather than using CLI...

Picasso Sketches with Evo-canvas

2 minute read

Intro A variety of token-lists containing the word Picasso were used to produce a CLIP’s score against evolved images (see evo-canvas). Rather than using CLI...

Svelte Scatterplot Component with Gapminder-esque Demo

less than 1 minute read

I used Svelte (with Layercake) to build a little scatterplot component with selectable axes and toggled log-plots. This makes for an easy Gapminder-alike dem...