source: https://bost.ocks.org/mike/
Mike Bostock
March 9, 2016What Makes Software Good?![](https://bost.ocks.org/mike/software.png)
![](https://bost.ocks.org/mike/software.png)
December 28, 2015Introducing d3-scale![](https://bost.ocks.org/mike/d3-scale.png)
![](https://bost.ocks.org/mike/d3-scale.png)
December 3, 2015Introducing d3-shape![](https://bost.ocks.org/mike/d3-shape.png)
![](https://bost.ocks.org/mike/d3-shape.png)
November 23, 2015Let’s Make a (D3) Plugin![](https://bost.ocks.org/mike/d3-plugin.png)
![](https://bost.ocks.org/mike/d3-plugin.png)
December 27, 2014Mapping Every Path to the N.F.L. Playoffs![](https://bost.ocks.org/mike/nfl-paths.png)
![](https://bost.ocks.org/mike/nfl-paths.png)
December 20, 2014How Each Team Can Make the N.F.L. Playoffs![](https://bost.ocks.org/mike/nfl-simulator.png)
![](https://bost.ocks.org/mike/nfl-simulator.png)
November 5, 2014The Most Detailed Maps You’ll See From the Midterm Elections![](https://bost.ocks.org/mike/precinct-maps.png)
![](https://bost.ocks.org/mike/precinct-maps.png)
November 3, 2014How To Scroll![](https://bost.ocks.org/mike/scroll.png)
![](https://bost.ocks.org/mike/scroll.png)
September 19, 2014‘Stop-and-Frisk’ Is All but Gone From New York![](https://bost.ocks.org/mike/stop-frisk.png)
![](https://bost.ocks.org/mike/stop-frisk.png)
July 26, 2014Mapping the Spread of Drought Across the U.S.![](https://bost.ocks.org/mike/drought-updater.png)
![](https://bost.ocks.org/mike/drought-updater.png)
June 26, 2014Visualizing Algorithms![](https://bost.ocks.org/mike/algorithms.png)
![](https://bost.ocks.org/mike/algorithms.png)
June 15, 2014Three Little Circles![](https://bost.ocks.org/mike/circle.png)
![](https://bost.ocks.org/mike/circle.png)
May 22, 2014Is It Better to Rent or Buy?![](https://bost.ocks.org/mike/rent-vs-buy.png)
![](https://bost.ocks.org/mike/rent-vs-buy.png)
May 6, 2014Let’s Make a Bubble Map![](https://bost.ocks.org/mike/bubble-map.png)
![](https://bost.ocks.org/mike/bubble-map.png)
April 22, 2014Who Will Win The Senate?![](https://bost.ocks.org/mike/leo.png)
![](https://bost.ocks.org/mike/leo.png)
March 7, 2014Let’s Make a Block![](https://bost.ocks.org/mike/block.png)
![](https://bost.ocks.org/mike/block.png)
Feburary 14, 2014Front Row to Fashion Week![](https://bost.ocks.org/mike/dresses.png)
![](https://bost.ocks.org/mike/dresses.png)
February 14, 2014Sochi 2014: Interactive Stories![](https://bost.ocks.org/mike/sochi.png)
![](https://bost.ocks.org/mike/sochi.png)
January 11, 2014Taking the Battle to the States![](https://bost.ocks.org/mike/state-control.png)
![](https://bost.ocks.org/mike/state-control.png)
November 30, 2013Tracing the History of N.C.A.A. Conferences![](https://bost.ocks.org/mike/ncaa.png)
![](https://bost.ocks.org/mike/ncaa.png)
November 5, 2013Let’s Make a Bar Chart, Parts 1-3![](https://bost.ocks.org/mike/bar.png)
![](https://bost.ocks.org/mike/bar.png)
October 27, 2013A Game of Shark and Minnow![](https://bost.ocks.org/mike/south-china-sea.png)
![](https://bost.ocks.org/mike/south-china-sea.png)
October 14, 2013The Russia Left Behind![](https://bost.ocks.org/mike/russia.png)
![](https://bost.ocks.org/mike/russia.png)
September 29, 2013For Eli Manning, 150 Games and Counting![](https://bost.ocks.org/mike/nfl-starters.png)
![](https://bost.ocks.org/mike/nfl-starters.png)
September 25, 2013Oracle’s Path to Victory![](https://bost.ocks.org/mike/americas-cup-course.png)
![](https://bost.ocks.org/mike/americas-cup-course.png)
September 23, 2013State-by-State Premiums Under the Health Care Law![](https://bost.ocks.org/mike/health-care-premiums.png)
![](https://bost.ocks.org/mike/health-care-premiums.png)
September 6, 2013Constellations of Directors and Their Stars![](https://bost.ocks.org/mike/director-constellations.png)
![](https://bost.ocks.org/mike/director-constellations.png)
September 2, 2013How To Infer Topology![](https://bost.ocks.org/mike/topology.png)
![](https://bost.ocks.org/mike/topology.png)
August 2, 2013For Yankees, Little Bang for Their Buck![](https://bost.ocks.org/mike/bang-for-your-buck.png)
![](https://bost.ocks.org/mike/bang-for-your-buck.png)
June 9, 2013For Example![](https://bost.ocks.org/mike/example.png)
![](https://bost.ocks.org/mike/example.png)
May 25, 2013Across U.S. Companies, Tax Rates Vary Greatly![](https://bost.ocks.org/mike/corporate-taxes.png)
![](https://bost.ocks.org/mike/corporate-taxes.png)
April 26, 2013How Selections Work![](https://bost.ocks.org/mike/selection.png)
![](https://bost.ocks.org/mike/selection.png)
April 25, 2013N.F.L. Draft: How Good Are Teams at Picking the Best?![](https://bost.ocks.org/mike/nfl-draft.png)
![](https://bost.ocks.org/mike/nfl-draft.png)
March 2, 2013Increased Border Enforcement, With Varying Results![](https://bost.ocks.org/mike/border.png)
![](https://bost.ocks.org/mike/border.png)
February 23, 2013Why Use Make![](https://bost.ocks.org/mike/make.png)
![](https://bost.ocks.org/mike/make.png)
February 20, 2013Among the Oscar Contenders, a Host of Connections![](https://bost.ocks.org/mike/oscar-network.png)
![](https://bost.ocks.org/mike/oscar-network.png)
January 3, 2013A Chicago Divided by Killings![](https://bost.ocks.org/mike/chicago-homicides.png)
![](https://bost.ocks.org/mike/chicago-homicides.png)
December 30, 2012Let’s Make a Map![](https://bost.ocks.org/mike/map.png)
![](https://bost.ocks.org/mike/map.png)
November 29, 2012How the Tax Burden Has Changed![](https://bost.ocks.org/mike/taxes.png)
![](https://bost.ocks.org/mike/taxes.png)
November 11, 2012Counties Blue and Red, Moving Right and Left![](https://bost.ocks.org/mike/counties-moving.png)
![](https://bost.ocks.org/mike/counties-moving.png)
November 7, 2012How Obama Won Re-election![](https://bost.ocks.org/mike/reelection.png)
![](https://bost.ocks.org/mike/reelection.png)
November 2, 2012512 Paths to the White House![](https://bost.ocks.org/mike/512-paths.png)
![](https://bost.ocks.org/mike/512-paths.png)
October 30, 2012Wind Speeds Along Hurricane Sandy’s Path![](https://bost.ocks.org/mike/sandy-windspeed.png)
![](https://bost.ocks.org/mike/sandy-windspeed.png)
October 24, 2012Working with Transitions![](https://bost.ocks.org/mike/transition.png)
![](https://bost.ocks.org/mike/transition.png)
October 15, 2012Over the Decades, How States Have Shifted![](https://bost.ocks.org/mike/swing-history.png)
![](https://bost.ocks.org/mike/swing-history.png)
September 18, 2012A Faded Piece of Papyrus Refers to Jesus’ Wife![](https://bost.ocks.org/mike/coptic-fragment.png)
![](https://bost.ocks.org/mike/coptic-fragment.png)
September 14, 2012How the Chicago Public School District Compares![](https://bost.ocks.org/mike/chicago-schools.png)
![](https://bost.ocks.org/mike/chicago-schools.png)
September 6, 2012At the National Conventions, the Words They Used![](https://bost.ocks.org/mike/convention-word-counts-split.png)
![](https://bost.ocks.org/mike/convention-word-counts-split.png)
September 4, 2012At the Democratic Convention, the Words Being Used![](https://bost.ocks.org/mike/convention-word-counts-dem.png)
![](https://bost.ocks.org/mike/convention-word-counts-dem.png)
August 28, 2012At the Republican Convention, the Words Being Used![](https://bost.ocks.org/mike/convention-word-counts.png)
![](https://bost.ocks.org/mike/convention-word-counts.png)
August 24, 2012Drought during Month![](https://bost.ocks.org/mike/drought.png)
![](https://bost.ocks.org/mike/drought.png)
August 24, 2012Drought Extends, Crops Wither![](https://bost.ocks.org/mike/drought-crops.png)
![](https://bost.ocks.org/mike/drought-crops.png)
August 10, 2012Drought and Deluge in the Lower 48![](https://bost.ocks.org/mike/drought-history.png)
![](https://bost.ocks.org/mike/drought-history.png)
June 21, 2012Fisheye Distortion![](https://bost.ocks.org/mike/fisheye.png)
![](https://bost.ocks.org/mike/fisheye.png)
June 19, 2012D3 + Leaflet![](https://bost.ocks.org/mike/leaflet.png)
![](https://bost.ocks.org/mike/leaflet.png)
June 10, 2012Zoomable Treemaps![](https://bost.ocks.org/mike/treemap.png)
![](https://bost.ocks.org/mike/treemap.png)
June 1, 2012Line Simplification![](https://bost.ocks.org/mike/simplify.png)
![](https://bost.ocks.org/mike/simplify.png)
May 22, 2012Sankey Diagrams![](https://bost.ocks.org/mike/sankey.png)
![](https://bost.ocks.org/mike/sankey.png)
May 16, 2012Object Constancy![](https://bost.ocks.org/mike/constancy.png)
![](https://bost.ocks.org/mike/constancy.png)
April 8, 2012Nested Selections![](https://bost.ocks.org/mike/nest.png)
![](https://bost.ocks.org/mike/nest.png)
March 18, 2012Hive Plots![](https://bost.ocks.org/mike/hive.png)
![](https://bost.ocks.org/mike/hive.png)
March 13, 2012The Wealth & Health of Nations![](https://bost.ocks.org/mike/nations.png)
![](https://bost.ocks.org/mike/nations.png)
February 27, 2012Towards Reusable Charts![](https://bost.ocks.org/mike/chart.png)
![](https://bost.ocks.org/mike/chart.png)
February 5, 2012Thinking with Joins![](https://bost.ocks.org/mike/join.png)
![](https://bost.ocks.org/mike/join.png)
January 21, 2012Will It Shuffle?![](https://bost.ocks.org/mike/shuffle-matrix.png)
![](https://bost.ocks.org/mike/shuffle-matrix.png)
January 19, 2012Path Transitions![](https://bost.ocks.org/mike/path.png)
![](https://bost.ocks.org/mike/path.png)
January 14, 2012Fisher–Yates Shuffle![](https://bost.ocks.org/mike/shuffle.png)
![](https://bost.ocks.org/mike/shuffle.png)
January 12, 2012Les Misérables Co-occurrence![](https://bost.ocks.org/mike/miserables.png)
![](https://bost.ocks.org/mike/miserables.png)
January 9, 2012Uber Rides by Neighborhood![](https://bost.ocks.org/mike/uberdata.png)
![](https://bost.ocks.org/mike/uberdata.png)
#Examples
In addition to the graphics and articles listed above, I have posted almost a thousand examples on bl.ocks.org/mbostock. Peruse them to learn D3 or for visual inspiration.
#Talks
Occasionally I stand in front of a room of people and, by flapping my lips or waving my arms, attempt to communicate something of interest. These awkward moments are sometimes captured as moving images and sound for future study.
Q&A - September 8, 2015Reddit: AMA![](https://bost.ocks.org/mike/ama.png)
![](https://bost.ocks.org/mike/ama.png)
Video - September 8, 2014FOSS4G: The Toolmaker’s Guide![](https://bost.ocks.org/mike/toolmakers-guide.png)
![](https://bost.ocks.org/mike/toolmakers-guide.png)
Video - June 11, 2014Eyeo: Visualizing Algorithms![](https://bost.ocks.org/mike/algorithms.png)
![](https://bost.ocks.org/mike/algorithms.png)
Video - April 24, 2014OpenVis: Design is a Search Problem![](https://bost.ocks.org/mike/design-is-search.png)
![](https://bost.ocks.org/mike/design-is-search.png)
Video - June 6, 2013Eyeo: For Example![](https://bost.ocks.org/mike/example.png)
![](https://bost.ocks.org/mike/example.png)
Slides & Video - May 2, 2012Time Series Visualization with Cubism.js![](https://bost.ocks.org/mike/cubism-intro.png)
![](https://bost.ocks.org/mike/cubism-intro.png)
Slides - March 5, 2012VIZBI: D3 Workshop![](https://bost.ocks.org/mike/d3-workshop.png)
![](https://bost.ocks.org/mike/d3-workshop.png)
Slides & Video - November 16, 2011W3C Conf: Visualizing Data with Web Standards![](https://bost.ocks.org/mike/w3c-conf.png)
![](https://bost.ocks.org/mike/w3c-conf.png)
Slides - October 18, 2011SVG Open: D3 Keynote![](https://bost.ocks.org/mike/svg-open.png)
![](https://bost.ocks.org/mike/svg-open.png)
Slides & Video - September 21, 2011Trulia Meetup: Use the Force!![](https://bost.ocks.org/mike/trulia-force.png)
![](https://bost.ocks.org/mike/trulia-force.png)
#Publications
As part of my PhD studies at the Stanford Vis Group, I published several papers with Jeffrey Heer.
Code as Cartography
The Cartographic Journal, May 2013
The Cartographic Journal, May 2013
D3: Data-Driven Documents
IEEE InfoVis 2011
IEEE InfoVis 2011
Declarative Language Design for Interactive Visualization
IEEE InfoVis 2010
IEEE InfoVis 2010
Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design
ACM CHI 2010, best paper nominee
ACM CHI 2010, best paper nominee
Protovis: A Graphical Toolkit for Visualization
IEEE InfoVis 2009
IEEE InfoVis 2009
#Projects
Most of my recent projects are listed on my GitHub profile. If you want help using any of my libraries, please post questions to Stack Overflow with the appropriate tag (or the d3-js group) and I will endeavor to answer them.
D3.js
A JavaScript library for visualizing data and manipulating the document object model.
A JavaScript library for visualizing data and manipulating the document object model.
TopoJSON
An extension of GeoJSON that encodes topology.
An extension of GeoJSON that encodes topology.
Shapefile
A streaming parser for the ESRI Shapefile spatial data format.
A streaming parser for the ESRI Shapefile spatial data format.
U.S. Atlas
Roll your own TopoJSON from the National Atlas one million-scale dataset.
Roll your own TopoJSON from the National Atlas one million-scale dataset.
Cubism.js
A JavaScript library for time series visualization. Built on D3.
A JavaScript library for time series visualization. Built on D3.
Cube
A system for time series data collection and analysis. Built on MongoDB.
A system for time series data collection and analysis. Built on MongoDB.
Crossfilter
A JavaScript library for fast multi-dimensional filtering and grouping of data.
A JavaScript library for fast multi-dimensional filtering and grouping of data.
Stack.js
A presentation library with intuitive, scroll-based navigation.
A presentation library with intuitive, scroll-based navigation.
Queue.js
Yet another abstraction for asynchronous JavaScript. 554 bytes!
Yet another abstraction for asynchronous JavaScript. 554 bytes!
Polymaps
A JavaScript library for image- and vector-tiled maps.
A JavaScript library for image- and vector-tiled maps.
Protovis
A JavaScript library for visualization; superseded by D3.
A JavaScript library for visualization; superseded by D3.
Dependency Tree
A dependency visualization using hierarchical edge bundling.
A dependency visualization using hierarchical edge bundling.
Polly-B-Gone
A 3D physics platform game.
A 3D physics platform game.
No comments:
Post a Comment