Experiments

Data Navigator d3.js examples

• Bar chart

  Most basic example: a d3.js bar chart enhanced with the data-navigator graph navigation paradigm.

  Open the demo

• Stacked bar chart

  In this one the navigation is made a little more complex since the user can navigate through each data point individually, but also across categories of data.

  Open the demo

• Scatter plot

  This scatter plot demonstrates how it's possible to avoid having to go through every data point when there's a lot. Here, three point groups are created in the data-navigator graph, so that a user can navigate quickly between data trends.

  Open the demo

• Map

  The map lets the user navigate geographically acrross countires.

  Open the demo

• Sankey diagram

  Show how a flow could be navigated through with data-navigator.

  Open the demo

• Stacked Area

  Show how to use the data navigator dimensions API with d3.js.

  Open the demo

Webgl examples

• Pixelated tiles blur

  Animated WebGL texture with basic pixel blur.

  Open the demo