Skip to content
adilapapaya edited this page May 2, 2014 · 618 revisions

WikiGallery

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

Examples

Collections

The New York Times visualizations

Jerome Cukier

http://www.jeromecukier.net/projects/models/models.html

Jason Davies

http://www.jasondavies.com/

Jim Vallandingham

http://vallandingham.me/vis/

Institute for Health Metrics and Evaluation

http://www.healthmetricsandevaluation.org/tools/data-visualizations

Charts and Chart Components

Bar Chart

Histogram

Line and Area Chart

Pie Chart

Scatterplot and Bubble chart

Parallel Coordinates, Parallel sets and Sankey

Sunburst and Partition layout

Force Layout

Tree

Misc Trees and Graphs

Chord Layout (Circular Network)

Maps

Misc Charts

Miscellaneous visualizations

Charts using the reusable API

Useful snippets

Tools

Interoperability

Online Editors

Products

Store Apps

Libraries

Wish List

  • arc diagram
  • gantt, other timelines and timing diagram
  • candlestick or ohlc
  • fibonacci scale
  • data table (maybe the airline table at the bottom of the crossfilter example?)
  • hypergraph
Clone this wiki locally