Introducing Multiples

Thanks to the foundation project dex.js, multiples couldn’t be easier! dex.js takes an approach that allows for pluggable framing or partitioning of a dataset via grouping, permutations, combinations or whatever slicing and dicing algorithm you can think of. It then provides a configurable gridster based layout.

The nice thing about this implementation is that you can move them around and even resize them to your liking. This functionality is now available on GitHub and will be part of the upcoming minor release of Dex and dex.js.

The following section illustrates a number of them in action. Click the image to view a live version.

Deaths vs Births

The following multiples visualizations view the same dataset in different ways. They show Births per 1000 people vs Deaths per 1000 people over a number of years. Each multiple is partitioned by country.

Stacked Area Chart Multiples

C3 Stacked Area Chart Multiples

Stacked Bar Chart Multiples

C3 Stacked Bar Chart Multiples

Line Chart Multiples

C3 Line Chart Multiples

Area Chart Multiples

C3 Area Chart Multiples

Bar Chart Multiples

C3 Bar Chart Multiples

Scatter Plot Multiples

C3 Scatter Plot Multiples

Donut Chart Multiples

C3 Donut Chart Multiples

Pie Chart Multiples

C3 Pie Chart Multiples


The next set of visualizations visualize the relationship between U.S. Presidents, their political parties and their home state. Each multiple is grouped by party.

Dendrogram Multiples

D3 Dendrogram Multiples

Chord Diagram Multiples

D3 Dendrogram Multiples

Vis.js Network Multiples

D3 Dendrogram Multiples

Orbital Layout Multiples

D3 Orbital Layout Multiples

Parallel Coordinates Multiples

D3 Parallel Coordinates Multiples

Sankey Multiples

D3 Sankey Multiples

Sunburst Multiples

D3 Sankey Multiples

Treemap Multiples

D3 Treemap Multiples

comments powered by Disqus