Visualizing stock data using horizon charts. This example is based on Mike Bostock's cubism example.
Example demonstrating the use of D3 Horizon Chart.
Visualizing stock data using horizon charts. This example is based on Mike Bostock's cubism example.
Example demonstrating the use of D3 Horizon Chart.
Horizon charts preserve resolution even at smaller heights.
Example demonstrating the use of D3 Horizon Chart.
The data resolution is higher when the height of the area chart is bigger. Details are lost when the height of the chart decreases.
Example demonstrating the use of D3 Horizon Chart.
Example demonstrating the use of D3 Horizon Chart.
Example demonstrating the use of d3 v4 and mapbox-gl-js
Another experiment improving the previous ones. As in this very old experiment, animation is used to convey the direction of links (see Holten et al. 2010 for a comparison of different techniques - animation being the best in our case).
The overlapping of links makes the diagram hard to read, so interaction is used to help the user: By hovering the mouse over a node, it is possible to focus on the links connected to it.