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.
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 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 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
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
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:
| GENERATED_FILES = \ | |
| unemployment.tsv | |
| .PHONY: all clean | |
| all: $(GENERATED_FILES) | |
| clean: | |
| rm -rf -- $(GENERATED_FILES) |
An example of multiple pie (donut) charts created with D3. The data is represented as a tabular array of objects; each row in the table is mapped to an arc, and rows are grouped into pie charts using d3.nest.
forked from mbostock's block: Pie Multiples with Nesting
A recreation of a Protovis example in D3 using the stack layout.
forked from mbostock's block: Stacked Bar Chart
| GENERATED_FILES = \ | |
| unemployment.tsv | |
| .PHONY: all clean | |
| all: $(GENERATED_FILES) | |
| clean: | |
| rm -rf -- $(GENERATED_FILES) |