d3js

Learn how to build a custom visualization using D3.js and get acquainted with the popular JavaScript library.

Ooo, bubbles… It’s not the most visually efficient method, but it’s one of the more visually satisfying ones.

With latitude and longitude coordinates, there are a number of ways to map geographic data using D3.js and Leaflet.

Compare distributions side-by-side with a pyramid chart. Observe the change over the years by animating it.

Also known as waffle charts. Using animated transitions between values, you can allow for comparisons between categories.

Add interaction so that you can show different segments of the data and allow comparisons.

The histogram is my favorite chart type, but it’s unintuitive for many. So I’ve been using the less accurate but less abstract beeswarm.

When there are too many options or categories, it can be helpful to make the data searchable.

Use a force-directed graph to form a collection of bubbles and move them around based on data.

Here are some tips to get you started, based on my own experiences with R, and more recently, the JavaScript library d3.js.