A variant of Mike Bostock's small multiples example which, instead of resetting the domain of the y-scale every time it is used, creates a separate y-scale for each multiple.
This a version tailored for a project for UN Global Pulse.
René Clausen Nielsen renecnielsen
renecnielsen
/ README.md
Last active
August 29, 2015 13:57
— forked from mbostock/.block
Small Multiples with separate y-scales
renecnielsen
/ README.md
Last active
August 29, 2015 13:57
— forked from mbostock/.block
Post-2015 World Tour with Category Menu and Bar Chart
Based on a combination of Mike Bostock's World Tour, his A Bar Chart, and Justin Palmer's D3-Tip.
The visualization was created for UN Global Pulse's micro-site about Post-2015.
renecnielsen
/ index.html
Last active
August 29, 2015 13:57
— forked from mbostock/.block
Google Map (Grey) + D3
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> | |
| <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&libraries=visualization"></script> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,300" rel='stylesheet' type='text/css'> | |
| <style type="text/css"> | |
| html, body, #map { |
Slopegraph based on Dan Palmer's Slope Graph and tooltips from D3-tip.
Used for a UN Global Pulse project for International Women's Day & CSW 2014
renecnielsen
/ README.md
Last active
August 29, 2015 13:57
— forked from mbostock/.block
Chord diagram
Chord diagrams show directed relationships among a group of entities. This example also demonstrates simple interactivity by using mouseover filtering. Layout inspired by Martin Krzywinski's beautiful work on Circos.
renecnielsen
/ README.md
Last active
August 29, 2015 13:57
— forked from mbostock/.block
Bilevel Partition
Click on any arc to zoom in. Click in the center to zoom out.
A sunburst is similar to a treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value. Sunburst design by John Stasko. Data courtesy Jeff Heer.
renecnielsen
/ index.html
Last active
August 29, 2015 13:57
— forked from mbostock/.block
Hierarchical Edge Bundling
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'> | |
| <style> | |
| .node { | |
| font: 300 10px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| fill: #bbb; | |
| } |
A treemap recursively subdivides area into rectangles; the area of any node in the tree corresponds to its value. This example uses color to encode different packages of the Flare visualization toolkit. Treemap design invented by Ben Shneiderman. Squarified algorithm by Bruls, Huizing and van Wijk. Data courtesy Jeff Heer.
renecnielsen
/ README.md
Last active
August 29, 2015 13:57
— forked from mbostock/.block
Zoomable Circle Packing
Click on any package to zoom in or out. See also this static circle packing example.
renecnielsen
/ Readme.md
Last active
August 29, 2015 13:57
— forked from WillTurman/Readme.md
Streamgraph
The series hover interactivity uses the technique from lgrammel seen here: http://bl.ocks.org/1963983
It isn't necessarily a tooltip, but data is displayed by inverting the x-axis value into a date, and mapping the date to the corresponding data value for the series.
OlderNewer