Hi, I'm a Multimedia
Content Producer

Select a category:
Data
Personal

Interactive charts: R, Python and D3

Interactive charts
Publisher

Personal projects

A series of charts I’ve created using R, Python and D3.

My role
  • Data collection
  • Data wrangling
  • Developer
  • Designer

Tools
  • R
  • Python
  • D3
  • Mapshaper
  • RStudio
  • Visual Studio Code
  • Microsoft Excel


Line chart

An interactive line chart created with ggplot2 and ggiraph. The data was scraped directly from CATSA using Microsoft Excel, and restructured and analysed with R:

Stacked bar chart

An interactive stacked bar chart created with ggplot2 and ggiraph. The data was pulled from an Angus Reid survey and analysed with R:

Donut chart

An interactive donut chart created with D3, HTML, CSS and JavaScript. The data was pulled from Statistics Canada (source 1, source 2) and transformed and analysed with R:

Cluster chart

An interactive chart comparing the effectiveness of vaccines against COVID-19. I was inspired to create this after reading this article on how certain COVID-19 data can be more accurately compared using the incidence rate ⁠— a figure which shows how often an event, such as disease or death, occurs in a population.

The numbers for this cluster chart were pulled from CDC and cleaned up with Excel. The data centers on information recorded on January 2, 2022 ⁠— when infections across 30 US jurisdictions were at their peak. D3, HTML, CSS and JavaScript were used to create the visualisation, and the animated points were drawn with the Canvas API to minimize loading speeds.

Choropleth map

An interactive map looking at the shelter-cost-to-income ratio across Canada. The numbers were pulled from Statistics Canada, and transformed and analysed with Python library pandas. D3, HTML, CSS, JavaScript and Mapshaper were used to create the visualisation.

Waffle chart

An interactive waffle chart looking at racial diversity in Canada’s federal parliament. The numbers were taken from a survey and transformed with R. R packages ggplot2, ggiraph and waffle were used to build the visualisation, which was further customized with D3, HTML, CSS and Javascript.

Euronews

Interactive Timeline: Syria’s Civil War

Interactive timeline
Publisher

Euronews

A detailed breakdown of Syria’s civil war, from January 2011 until March 2018.

This multimedia-rich, interactive timeline pulls data from a Google Spreadsheet. I created the responsive tool using HTML, CSS, Javascript and jQuery. Daniel Pye conducted most of the research, with myself assisting in parts.

NOTE: This timeline is no longer visible on Euronews.com due to Google depreciating its Sheets v3 API. However, I have updated the code so it can still be viewed above.

Read more: http://www.euronews.com/2018/03/12/syria-anniversary-7-years-of-death-and-displacement-as-war-rages-on

My role
  • Research
  • Data wrangling
  • UI design
  • Developer

Tools
  • Brackets
  • Google Sheets API

Daily Record

Interactive map: General Election 2017

Interactive election map
Publisher

Daily Record

SNP big guns Alex Salmond and Angus Robertson were ousted by Tories in a shock general election result which was in stark contrast to 2015’s results.

I created this responsive interactive map to show readers how the election results were distributed across the UK and updated it live during the event. It was made using CARTO’s map API, GIS and Leaflet, and SQL to filter its data, as well as HTML, CSS, Javascript and jQuery.

Read more: http://www.dailyrecord.co.uk/news/politics/general-election-2017-interactive-map-10589708

My role
  • Data collection
  • Data wrangling
  • UI design
  • Developer

Tools
  • Brackets
  • CartoDB API
  • GIS
  • Leaflet
  • Microsoft Excel

Glasgow Live

Interactive map: Crime in Glasgow

Interactive map
Publisher

Glasgow Live

An in-depth look at crime across the city of Glasgow in Scotland from 2012-2017. This was a self-led project created for Glasgow Live (Reach PLC) and based on crime statistics from Police Scotland, which I requested under the Freedom of Information Act.

The graphic was made using CARTO’s map API, Leaflet and SQL to filter its data, as well as HTML, CSS, Javascript and jQuery.

My role
  • Research
  • Data collection
  • Data wrangling
  • UI design
  • Developer

Tools
  • Brackets
  • CartoDB API
  • Leaflet
  • Microsoft Excel

Daily Record

Interactive map: EU Referendum 2016

Interactive election map
Publisher

Daily Record

Fifteen hours after opening, polling stations for the EU Referendum closed and Brits at home and abroad waited to discover if it was Remain or Brexit for the UK.

Voters had their say in 399 local authority areas and as the majority prepared for bed, the counting began.

I created this responsive interactive map to show readers how the referendum results were distributed and updated it live during the event. It was made using CARTO’s map API, GIS and Leaflet, and SQL to filter its data, as well as HTML, CSS, Javascript and jQuery.

Read more: https://www.dailyrecord.co.uk/news/politics/eu-referendum-follow-results-each-8270207

My role
  • Data collection
  • Data wrangling
  • UI design
  • Developer

Tools
  • Brackets
  • CartoDB API
  • GIS
  • Leaflet