d3

D3 is one of our favorite tools for creating data visualizations. We love the freedom d3 gives us to create anything we can think of.

Simple Donut Chart

Starting simple is the best way to get into d3. This code snippet shows a few concept in d3 version 5. When starting d3 and looking at examples make sure to look at the version number because although conceptually they work similar the syntax can be drastically different

Click to load

Simple progress bar

This is another very simple example. Looking at multiple simple examples will be a huge benefit for you when creating more complex visualizations. version 5

Click to load

D3 Heatmap

A heatmap visualization done with d3 v7

Click to load

Open source D3 Covid Data Visualization

This project was a lot of fun. It started during one of our annual hacktober meetups. We wanted to create a project that could easily be contributed to and provide some helpful data in an easily digestible way. The project received pull requests from over 20 contributors and the project is looking great

Click to load

See the repo on GitHub