Visualization Portfolio


Web Developer - D3 Data Visualizations

D3.js Visualization Portfolio A collection of projects demonstrating my ability to use d3.js and dc.js libraries in creating interactive charts

World Electricity Generation

A multi-line graph illustrating the percentages of the world's total primary energy supply that is used to generate electric power.

The main outcome of this project is to show my ability in creating a multi-line graph that is responsive and shows tooltips on hover.

View Project

Countries that gained independence from the UK

A storytelling D3 visualization using a mercator projection to draw the map, lighting up countries that gained their indepdendnce from the UK.

After the animated visualization ends, the map becomes interactive with each country country getting coloured and a tooltip appears showing the name of the country and the independence day if applicable.

View Project

FIFA World Cup Dashboard

A FIFA World Cup dashboard focusing on exploring the number of attendees of the world cup over the years.

It is created using DC.js, which is a charting library with native crossfilter support.

DC.js library allows for the creation of multiple charts that can be natively supported by crossfilter which makes it easier to filter on one chart and allow for those filter to take effects on the rest of the dashboard.

View Project