Gallery - widiantonugroho/d3 GitHub Wiki

Wiki ▸ Gallery

Welcome to the D3 gallery! Feel free to add links to your work! More examples are available on bl.ocks.org/mbostock. If you want to share an example and don't have your own hosting, consider using Gist and bl.ocks.org.

Visual Index

<td>Box Plots<br><a href="http://bl.ocks.org/mbostock/4061502"><img src="http://d3js.org/ex/box.png" width="202"></a></td>
<td>Bubble Chart<br><a href="http://bl.ocks.org/mbostock/4063269"><img src="http://d3js.org/ex/bubble.png" width="202"></a></td>
<td>Bullet Charts<br><a href="http://bl.ocks.org/mbostock/4061961"><img src="http://d3js.org/ex/bullet.png" width="202"></a></td>
<td>Calendar View<br><a href="http://bl.ocks.org/mbostock/4063318"><img src="http://d3js.org/ex/calendar.png" width="202"></a></td>

Non-contiguous Cartogram	Chord Diagram	Dendrogram	Force-Directed Graph
Circle Packing	Population Pyramid	Stacked Bars	Streamgraph
Sunburst	Node-Link Tree	Treemap	Voronoi Diagram
Hierarchical Edge Bundling	Voronoi Diagram	Symbol Map	Parallel Coordinates
Scatterplot Matrix	Zoomable Pack Layout	Hierarchical Bars	Epicyclical Gears
Collision Detection	Collapsible Force Layout	Force-Directed States	Azimuthal Projections
Choropleth	Collapsible Tree Layout	Zoomable Treemap	Zoomable Partition Layout
Zoomable Area Chart	Drag and Drop Collapsible Tree Layout	Rotating Cluster Layout	Sankey Diagram
Fisheye Distortion	Hive Plot	Co-occurrence Matrix	Motion Chart
Chord Diagram	Animated Béziers	Zoomable Sunburst	Collatz Graph
Parallel Sets	Word Cloud	Obama's Budget Proposal	Facebook IPO
Political Influence	Federal Budget	US Trade Deficit	Sequences sunburst
Koalas to the Max	Particles	Indented Tree	Rounded Rect
Tadpoles	Showreel	Euro Debt	Labeled Force Layout
Circle-Square Illusion	Voronoi Picking	Zoomable Map	Raindrops
Color	Parallel Coordinates	Hacker News Popularity	Life Expectancy
Slopegraphs	NCAA Predictions	Cubism.js	Crossfilter.js
Wind History	Cubic Hamiltonian Graphs	Force-Directed Voronoi	Trulia Trends
Trulia Trends	Open Budget	Bederson Publications	Force Layout Editor
Open Knowledge Festival	Hierarchical Classification Tree	Gene Expression	spacetime
d3 Analog Clock Dashboard	Concept network browser	Circular heat chart	Convert any page into bubbles
Directed Graph Editor	Weeknd3	Explosions	CodeFlowers
Animated wind chart	What makes us happy?	Simple SOM Animation	A mower demo
Map and context with brushing	Binary tree with transitions	d3+ColorBrewer	D3 JezzBall
Tetris	Gantt Chart	Day/Hour Heatmap	Sunburst and parse.com
Worldwide remittance flows	Language Network	Wimbledon 2012	Force directed tag/site explorer
Bus transit data	Airline data from Fusion Tables	Geographical hexbins	xkcd-style Comic Narrative Charts
GitHub Visualizer	WorldBank Contract Awards	Site or blog concept browser	Global power structure
Choropleth on canvas	Google calendar like visualization	Interactive Sales Data Pie Chart	Wikistalker - Wikipedia Visualization
D3 Cesium - Health and Wealth of Nations	Starpaths	BT Hotspots mapped	CoreNLP Sentence Parse Tree
Publications in journals over time	Another state budget visualization with open api	Interactive Bible contradictions & bar charts [source]	Force Edge Bundling For Graphs [Source & Docs]
Gauge	Bullet Charts	Arc Axis	Bar chart with tooltips
Tokyo Wind Map	Dependency Wheel	60 years of french first names	Hip Replacement by State
Compare time series with irregular interval	Table with Embedded Line Chart	Dual-scale Bar Chart	Animated Pie and Line Chart
Multivariate Data Exploration with Scatterplots	Live Power Outages In Maine	Relative Size Of The Planets	AWS EC2 Price Comparison Chart
Hurricane Forecast Path Evolution	Sandy's Storm Surge	Monthly NCDC Climate Summary	Epidemic Game
UK Temperature Graphs	Data Heatmap with Sorting Functions	Node-Link Tree Showing Branches of Government	3D Force Layout
Rotating Arcs	Lifespan	The Movie Network	Bowls with Liquid
BiPartite Visualization	BeerViz	3D Donut	Graceful Tree Conjecture
Gradient Pie	Top Scorers in 2013/14 Champions League - Breakdown analysis	Sankey: How a Georgia bill becomes law	A game based on d3

Basic Charts

Area Chart	Line Chart	Bivariate Area Chart	Multi-Series Line Chart
Stacked Area Chart	Bar Chart	Stacked Bar Chart	Normalized Stacked Bar Chart
Grouped Bar Chart	Scatterplot	Donut Chart	Pie Chart
Donut Multiples	Bar Chart with Negative Values	Animated Donut Chart with Labels	Stacked Bar Charts on time scale
Bar Chart Multiples	d3pie - pie chart generator and lib

Techniques, Interaction & Animation

General Update Pattern	Sortable Bar Chart	van Wijk Smooth Zooming	Progress Events
Margin Convention	Focus+Context via Brushing	Difference Chart	Pie Chart Update
Hexagonal Binning	Contour Plot	Build Your Own Graph	Modifying a Force Layout
Spline Interpolation	Dispatching Events	Better force layout selection	v45 web theme using SVG
Interactive force layout