The first 15 seconds of the D3 show reel. See full video at http://vimeo.com/29862153. Includes seamless transitions between the following visualization types:
The area of each circle in this symbol map is proportional to the population of the associated state.
forked from mbostock's block: Symbol Map
A dendrogram is a node-link diagram that places leaf nodes of the tree at the same depth. In this example, the classes (leaf nodes) are aligned on the right edge, with the packages (internal nodes) to the left. Data shows the Flare class hierarchy, courtesy Jeff Heer.
Compare to this Cartesian layout.
forked from mbostock's block: Cluster Dendrogram
This example is a revived piece of old code from February 2014.
It shows causes of death in an interactive set of linked visualizations, a tree navigator and a stacked area chart.
A variant of the small multiples example which, instead of resetting the domain of the y-axis every time it is used, creates a scope for each small multiple using selection.each.
forked from mbostock's block: Small Multiples II
This example shows a few interesting techniques with D3:
Two alternative approaches to small multiples include using selection.each to create a scope and binding local scales to each multiple.
| .DS_Store | |
| build | |
| node_modules |
The first 15 seconds of the D3 show reel. See full video at http://vimeo.com/29862153. Includes seamless transitions between the following visualization types:
A variation of E.J. Marey’s graphical train schedule where color and slope redundantly encode train speed. The steeper and more orange the line, the faster the train.
forked from mbostock's block: Marey’s Trains II
| scrolling: yes |