This is a JSON dump of the D3 gallery as a first step for its complete redesign. It also shows a minimalist templating system.
Created
December 17, 2012 06:29
D3 gallery JSON
This file contains hidden or 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
| [["Election 2012 Social Dashboard (interactive Twitter visualization)","http://events.current.com/social_dashboard","Current TV"],["Data Story","http://data-story.org","Decio Battaglia, Kevin Mahoney and Xiaoying Riley"],["Graph diagram of gene ontology","http://blog.nextgenetics.net/?e=19","Damian Kao"],["UMLS (Unified Medical Language System) Visualizer","https://ncc.cchmc.org/prod/umls_visualizer/index.do"],["Four Ways to Slice Obama's 2013 Budget Proposal","http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html","Shan Carter"],["Sparklines","http://benjchristensen.com/2011/08/08/simple-sparkline-using-svg-path-and-d3-js/"],["Remittance flows","http://www.torre.nl/remittances/"],["Static","http://bl.ocks.org/1046712"],["Static","http://bl.ocks.org/1308257"],["Co-Authors Chords","http://www.rjbaxley.com/p/publications.html"],["Interactive azimuthal projection simulating a 3D earth with stars","http://marcneuwirth.com/blog/2012/06/24/creating-the-earth-with-d3-js/"],["appplot.com - various charts","http://appplot.com"],["Long Scroll","http://bl.ocks.org/3689677"],["Plotsk: A python/coffeescript/d3.js-based library for plotting data in a web browser","https://github.com/davidcox/plotsk"],["D3 graphics in a Pergola SVG UI","http://www.dotuscomus.com/pergola/pergola_1.4.0/ExamplesHTML/D3/multiD3.html"],["Social web use in 2009","http://n79.org/infographics/asg1/","Nikhil Bobb"],["Visualizing opinons around the world (zoomable world map and interactive pie chart)","http://theartofasking.com/question/wjucdg6k","Siamac Fazli, Bastian Venthur"],["Running Away Balloons - simple game ","http://astekfoto.blogspot.be/2012/11/running-away-ballons.html","Astek"],["Visualizing word density in the Bible","http://stanford.edu/~garylee/bibly","Gary Lee"],["Interactive Publication History","http://www.cs.umd.edu/~bederson/papers/index.html","Ben Bederson"],["Koalas to the Max!","http://www.koalastothemax.com/","Vadim Ogievetsky"],["Urban Water Explorer","http://www.visualizing.org/visualizations/urban-water-explorer/","Jan Willem Tulp"],["What Do You Work For?","http://www.datavizchallenge.org/viz/73","Jeffrey Baumes"],["Misc. Examples","http://labratrevenge.com/experiments","Justin Palmer"],["Collusion FireFox Addon","http://collusion.toolness.org/","Atul Varma"],["UK University Statistics","http://keminglabs.com/ukuni/","Keming Labs (Kevin Lynagh)"],["Slopegraphs","http://skedasis.com/d3/slopegraph/","Hamilton Ulmer"],["Marmoset chimerism dotplot","http://goo.gl/UEaFW","David Rio Deiros"],["UN Global Pulse 2010 Visualization","http://www.visualizing.org/visualizations/un-global-pulse-visualization","Eduardo Graells & Ruth Garcia"],["U.S. Population Pyramid","http://vis.stanford.edu/jheer/d3/pyramid/shift.html","Jeff Heer"],["Students's seating habits","http://www.skyrill.com/seatinghabits/","Skyrill.com"],["World Wide Women's Rights","http://www.wimdows.nl/datavis/lib/D3/ciripleth-area-exp.html","Wimdows.nl"],["Old Visualizations Made New Again","http://vallandingham.me/vis/","Jim Vallandingham"],["Scatterize","http://webtasks.keck.waisman.wisc.edu/scatterize/d/Acdck0qHJo#h=2&m=OLS&x=1&y=6","Nate Vack"],["Various visualisations especially with d3.geo","http://www.larsko.org/VisualisationPlayground","Lars Kotthoff"],["Global Life Expectancy","http://projects.flowingdata.com/life-expectancy/","Nathan Yau (FlowingData)"],["Vegetable Nutrition w/ Parallel Coordinates","http://exposedata.com/parallel/","Kai Chang"],["London Olympics Perceptions - Donuts to Chord Diagram Transition","http://www.visualizing.org/visualizations/uk-olympic-sentiment-analysis","Kyle Foreman, Peter Hamilton, Cristina Grigoruta"],["Colony - Visualising Javascript projects and their dependencies","http://hughsk.github.com/colony","Hugh Kennedy"],["Fuzzy Link-Bot","http://www.atomodo.com/flb/?e=13839,25793#","Entity co-occurrence in music news by Andrew Collins."],["Visualizing a newborn's feeding and diaper activity","http://jerseyshots.com/viz/newborn.html","Jimmie Yoo"],["Inequality in America","http://visual.ly/vizbox/inequality-in-america/","EJ Fox for Visual.ly"],["Current Article Popularity Trends on Hacker News","http://hn.metamx.com/"," Vadim Ogievetsky"],["Major League Baseball Home Runs, 1995-2010","http://visual-baseball.com/d3/baseball/Drillable_Bar_Charts/HR.html","Ken Cherven (Visual-Baseball.com)"],["Color: a color matching game","http://color.method.ac/","Maria Munuera and Mark MacKay"],["NCAA 2012 March Madness Power Rankings","http://thepowerrank.com/visual/NCAA_Tournament_Predictions","Angi Chau"],["iTunes Music Library Artist/Genre Graph","http://cgmartin.com/itunes-library-network-graph/","Christopher Martin"],["Daily data return rates for seismic networks in the EarthScope USArray","http://anf.ucsd.edu/tools/data_return_rates/","[Rob Newman, Array Network Facility, UCSD"],["What Size Am I? Finding dresses that fit","http://sizes.darkgreener.com/","Anna Powell-Smith"],["Baseball 2012 Predictions based on past 6 years","http://sizethreestudios.com/Projects/_moneyball","Danny Hadley"],["Multiple visualization from the Société Typographique de Neuchâtel","http://chop.leeds.ac.uk/stn/interface/gallery.php","Vincent Hiribarren"],["Interactive visual breakpoint detection on SegAnnDB","http://bioviz.rocq.inria.fr/plotter/","Toby Dylan Hocking"],["eCommerce API Wheel for eBay","http://saranyan.github.com/commerce_wheel","Saranyan Vigraham"],["Home energy consumption","http://www.prcweb.co.uk/lab/energy","Peter Cook"],["Heatmap of gene expression with hierarchical clustering ","http://blog.nextgenetics.net/?e=44","Damian Kao"],["University of Washington Departments","http://www.sorens.in/posts/2012-8-11-uw-courses","Matthew Sorensen"],["Baby Names in England & Wales","http://names.darkgreener.com","Anna Powell-Smith"],["Realtime webserver stats","http://meloncholy.com/blog/using-d3-for-realtime-webserver-stats/"],["Visualizing Swiss politicians on Twitter using D3.js","http://visurus.wordpress.com/2012/08/30/visualizing-swiss-politicians-on-twitter-using-d3-js/","Ralph"],["Close Votes - visualizing voting similarities for the Dutch 2012 national elections","http://tulpinteractive.com/close-votes/","Jan Willem Tulp"],["Multiple Area charts and a brush tool","http://bl.ocks.org/3630001","Tyler Craft"],["Enumerating vertex induced connected subgraphs","http://students.mimuw.edu.pl/~rk292662/vertex/","Robert Kozikowski"],["Startup Salary & Equity Compensation","https://blog.wealthfront.com/startup-employee-equity-compensation/","Jared Jacobs (wealthfront.com)"],["Audio Spectrum Analyzer","http://d3-spectrum.herokuapp.com","Ari Russo"],["Browser usage plurality","http://thecelestialweb.com","Ali Almossawi"],["Places in the Game of Thrones","http://www.jeromecukier.net/projects/agot/places.html","Jérôme Cukier"],["A Visit From The Goon Squad - Interactive Character Map","http://www.filosophy.org/projects/goonsquad/","Filip Zembowicz"],["Twitter Influencer Visualization","http://www.influencermoth.com/","Erik Driessen"],["Chicago Ward Remap Outlines","http://www.christophermanning.org/projects/chicago-ward-remap-outlines/","Christopher Manning"],["Minute: record of all of my keystrokes","http://macwright.org/minute/","Tom MacWright"],["Olympic Medal Rivalry","http://blog.new-bamboo.co.uk/2012/06/22/olympic-medal-rivalry","Makoto Inoue"],["Visualizing U.S. Births and Deaths in Real-Time","http://nowherenearithaca.blogspot.com/2012/12/simulating-us-birthsdeaths-in-real-time.html","Brad Flyon"],["Vélib network visualization","http://datavelib.com/","Cyril Gantzer"],["Events in the Game of Thrones","http://jeromecukier.net/projects/agot/events.html","Jérôme Cukier"],["Chart Wheel Visualization ","http://anilomanwar.github.com/d3jsExperiments/ChartWheel.html","Anil Omanwar"],["Forecast of Mexican 2012 presidential election","http://www.diegovalle.net/electometer","Diego Valle-Jones"],["Romanian parliamentarian bubble chart. In Romanian","http://improve.ro/sandbox/politicians/v1.1/","Harta Politicii"],["Linked Jazz network graph","linkedjazz.org/network/","Matt Miller"],["Bibly v2: Visualizing word distribution within the KJV bible","http://stanford.edu/~garylee/bibly/","GARY LEE & ANIRUDH VENKATESH "],["A physics model of a physics model","http://michiel.wordpress.com/2012/07/13/a-physics-model-of-a-physics-model/","Michiel van der Blonk"],["OECD Health, Government Spending, and Obesity Rates (nvd3)","http://ameliamango.com/fatness.html","Amelia Mango"],["How educated are world leaders?","http://skyrill.com/leaders/","Ali Almossawi"],["The Facebook Offering: How It Compares","http://www.nytimes.com/interactive/2012/05/17/business/dealbook/how-the-facebook-offering-compares.html","Jeremy Ashkenas et al."],["Pair Contribution and Selection","http://bl.ocks.org/4168921","Jesse Heitler"],["DataMaps: Interactive maps for data visualizations.","http://datamaps.github.com/","Mark DiMarco"],["Cartogram.js: Continuous Area Cartograms","http://prag.ma/code/d3-cartogram/","Shawn Allen"],["Bieber Fever Meter with HTML5, Web Socket, d3.js and Pusher","http://ollieglass.com/2012/04/21/bieber-fever-meter-with-html5s-web-socket-d3-js-and-pusher/","Ollie Glass"],["Custom Multi Scale Time Format Axis","http://bl.ocks.org/4149176","Mike Bostock"],["Sankey diagrams from Excel","http://ramblings.mcpher.com/Home/excelquirks/d3/sankey","Bruce McPherson"],["d3.js force diagrams straight from Excel","http://ramblings.mcpher.com/Home/excelquirks/d3/anyforce","Bruce McPherson"],["d3.js force diagrams with markers straight from Excel","http://excelramblings.blogspot.co.uk/2012/07/visualizing-system-integrations-using.html","Bruce McPherson"],["Using the D3.js Visualization Library with AngularJS","http://briantford.com/blog/angular-d3.html","Brian Ford"],["Zoomable Partition Charts directly from Excel","http://ramblings.mcpher.com/Home/excelquirks/d3/partition","Bruce McPherson"],["Web reporting with D3js and R using RStudio Shiny","http://timelyportfolio.blogspot.com/2012/12/d3-shiny-and-r-reporting-performance.html","klr @timelyportfolio"],["Nodal is a fun way to view your GitHub network graph","http://nodal.me/login","Jesse Vogt, Matt Stockton, and Kris Gösser"],["Visualizing document similarity over time","http://www.davidmasad.com/sandbox/FirmClusters.html"],["Drought during Month","http://bost.ocks.org/mike/drought/"],["Visualizing Networks with Hive Plots","http://bost.ocks.org/mike/hive/"],["The Wealth & Health of Nations","http://bost.ocks.org/mike/nations/"],["Bezier Curves","http://www.jasondavies.com/animated-bezier/)"],["Euro Debt Crisis","http://bl.ocks.org/1308257"],["Job Flow","https://github.com/fod/job_flow_vis"],["Hacker News statistics using PhantomJS","http://labs.im/hnstat/"],["AFL Brownlow Medalists","http://www.vislives.com/2011/09/brownlow-medal-winners-visualization.html)"],["Summer Olympics Home Ground Advantage","http://www.vislives.com/2012/10/summer-olympics-home-ground-advantage.html"],["Formula 1 Lap Chart","http://www.vislives.com/2012/05/d3js-transitions-zoom-zoom.html"],["When is Easter?","http://www.vislives.com/2012/04/when-is-easter-sunday.html"],["David Foster Wallace's 'Infinite Jest'","http://www.vislives.com/2011/12/infinite-jest-visualization.html","Chris Pudney (VisLives!)"],["Uber Rides by Neighborhood","http://bost.ocks.org/mike/uberdata/"],["Les Misérables Co-occurrence","http://bost.ocks.org/mike/miserables/"],["US Elections 2012 / Twitter","http://hotspots.io/election"],["A Race to Entitlement","http://3angular.roberryarts.com/"],["Visualising New Zealand's Stolen Vehicle Database Part1","http://markhansen.co.nz/stolen-vehicles-pt1/"],["Visualizing San Francisco Home Price Ranges","http://trends.truliablog.com/vis/pricerange-sf/"],["Last Chart! - See the Music","http://www.lastchart.com"],["Prime numbers pattern","http://www.jasondavies.com/primos/"],["Coordinated visualizations for Consumer Packaged Goods","http://theory.info/"],["The business of Bond","http://007.lucklaboratories.com/"],["TradeArc - Arc Diagram of Offseason NHL Trades","http://tradearc.laserdeathstehr.com/","Nathan Stehr"],["Pyramid charts: demographic transition in the US","http://www.newscientist.com/embedded/us-demographics-2050"],["Floating bubble chart: De Maastricht au traité budgétaire : les oui et les non de 39 personnalités politiques","http://www.lemonde.fr/politique/visuel/2012/09/18/de-maastricht-au-traite-budgetaire-les-oui-et-les-non-de-39-personnalites-politiques_1760615_823448.html"],["Open Knowledge Festival #OkFest Hashtag Graph Visualization","http://okfestival.org/hashtag/#visualisation"],["Exploring d3.js with data from my runs to plot my heart rate","http://blog.freshteapot.net/post/31938798971/using-d3-js-to-visualise-my-heart-rate"],["Is Barack Obama the President? (Balloon charts)","http://www.isbarackobamathepresident.com/"],["Comparing the same surveys by different polling organizations (polish)","http://bit.ly/US45pL"],["Confidence interval in poll surveys","http://bit.ly/QHVOU0"],["The first thing that should be shown in any Trigonometry class","http://www.humblesoftware.com/demos/trig_d3"],["At the Democratic Convention, the Words Being Used","http://www.nytimes.com/interactive/2012/09/04/us/politics/democratic-convention-words.html"],["How the Chicago Public School District Compares","http://www.nytimes.com/interactive/2012/09/14/us/how-the-chicago-public-school-district-compares.html"],["Drought and Deluge in the Lower 48","http://www.nytimes.com/interactive/2012/08/11/sunday-review/drought-history.html"],["All the Medalists: Men's 100-Meter Freestyle","http://www.nytimes.com/interactive/2012/08/01/sports/olympics/racing-against-history.html"],["The electoral map: building path to victory","http://elections.nytimes.com/2012/electoral-map"],["Who Voted for Rick Santorum and Mitt Romney","http://www.nytimes.com/interactive/2012/03/07/us/politics/how-candidates-fared-with-different-demographic-groups.html"],["Over the Decades, How States Have Shifted","http://www.nytimes.com/interactive/2012/10/15/us/politics/swing-history.html"],["512 Paths to the White House","http://www.nytimes.com/interactive/2012/11/02/us/politics/paths-to-the-white-house.html) and [design proce"],["At the National Conventions, the Words They Used","http://www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html"],["Drought Extends, Crops Wither","http://www.nytimes.com/interactive/2012/08/24/us/drought-crops.html"],["How Obama Won Re-election","http://www.nytimes.com/interactive/2012/11/07/us/politics/obamas-diverse-base-of-support.html"],["La Nuit Blanche","http://www.jeromecukier.net/projects/models/nuitblanche.html"],["Percolation model","http://www.jeromecukier.net/projects/models/percolate.html"],["Markov processes","http://www.jeromecukier.net/projects/models/markov.html"],["Cellular automata","http://www.jeromecukier.net/projects/models/ca.html"],["Game of life","http://www.jeromecukier.net/projects/models/life.html"],["The Polya process","http://www.jeromecukier.net/projects/models/polya.html"],["Schelling's segregation model","http://www.jeromecukier.net/projects/models/segregate.html"],["Antipodes","http://www.jasondavies.com/maps/antipodes/"],["Quadratic Koch Island Simplification","http://www.jasondavies.com/maps/simplify/koch/"],["Random Points on a Sphere","http://www.jasondavies.com/maps/random-points/"],["Topology-Preserving Geometry Simplification","http://www.jasondavies.com/maps/simplify/"],["Detecting Duplicates in O(1) Space and O(n) Time","http://www.jasondavies.com/duplicates/"],["Factorisation Diagrams","http://www.jasondavies.com/factorisation-diagrams/"],["Bubbles","http://www.jasondavies.com/bubbles/"],["Set Partitions","http://www.jasondavies.com/set-partitions/"],["El Patrón de los Números Primos","http://www.jasondavies.com/primos/"],["Infinite Plasma Fractal","http://www.jasondavies.com/plasma/"],["Random Arboretum","http://www.jasondavies.com/random-arboretum/"],["Crayola Colour Chronology","http://www.jasondavies.com/crayola/"],["Parallel Sets","http://www.jasondavies.com/parallel-sets/"],["Rhodonea Curve","http://www.jasondavies.com/rhodonea/"],["Tag Cloud","http://www.jasondavies.com/wordcloud/"],["Combinatorial Necklaces and Bracelets","http://www.jasondavies.com/necklaces/"],["Biham-Middleton-Levine Traffic Model","http://www.jasondavies.com/bml/"],["9-Patch Quilt Generator","http://www.jasondavies.com/9patch/"],["The Music of Graphs","http://www.jasondavies.com/graph-music/"],["Planarity","http://www.jasondavies.com/planarity/"],["Mobile Patent Lawsuits","http://www.jasondavies.com/mobile-lawsuits/"],["Sunflower Phyllotaxis","http://www.jasondavies.com/sunflower-phyllotaxis/"],["Girko's Circular Law","http://www.jasondavies.com/girko-circle/"],["Calkin-Wilf Tree","http://www.jasondavies.com/calkin-wilf-tree/"],["Bloom Filters","http://www.jasondavies.com/bloomfilter/"],["Carotid-Kundalini Fractal Explorer","http://www.jasondavies.com/carotid/"],["Coffee Flavour Wheel","http://www.jasondavies.com/coffee-wheel/"],["Number of unique rectangle-free 4-colourings for an nxm grid","http://www.jasondavies.com/17x17/"],["Animated Quasicrystals","http://www.jasondavies.com/animated-quasicrystals/"],["Collatz Graph: All Numbers Lead to One","http://www.jasondavies.com/collatz-graph/"],["Hamming Quilt","http://www.jasondavies.com/hamming-quilt/"],["Hilbert Stocks","http://www.jasondavies.com/hilbert-stocks/#GOOG,AAPL,ADBE,NTFL,AMZN,INTC,ARMH,A"],["Hilbert Curve","http://www.jasondavies.com/hilbert-curve/"],["Gaussian Primes","http://www.jasondavies.com/gaussian-primes/"],["Wave","http://www.jasondavies.com/wave/"],["Latest Earthquakes","http://www.jasondavies.com/earthquakes/#3.00/20.00/805.00"],["Phylogenetic Tree of Life","http://www.jasondavies.com/tree-of-life/"],["Voronoi Boids: Voroboids","http://www.jasondavies.com/voroboids/"],["Animated Bézier Curves","http://www.jasondavies.com/animated-bezier/"],["Animated Trigonometry","http://www.jasondavies.com/animated-trig/"],["Apollonian Gasket","http://www.jasondavies.com/apollonian-gasket/"],["Monte Carlo simulation of bifurcations in the logistic map","http://www.jasondavies.com/bifurcation/"],["Sorting Visualisations","http://www.jasondavies.com/sorting/"],["Complete Graphs","http://www.jasondavies.com/complete-graphs/"],["Leibniz Spiral","http://www.jasondavies.com/leibniz-spiral/"],["Morley's trisector theorem","http://www.jasondavies.com/morley-triangle/"],["Poincaré Disc","http://www.jasondavies.com/poincare-disc/"],["Proof of Pythagoras's Theorem","http://www.jasondavies.com/pythagoras-proof/"],["From Random Polygon to Ellipse","http://www.jasondavies.com/random-polygon-ellipse/"],["Tübingen","http://www.jasondavies.com/tuebingen/"],["American Forces in Afghanistan and Iraq","http://www.jasondavies.com/american-forces-in-afghanistan-and-iraq/"],["How to Make an Interactive Network Visualization","http://flowingdata.com/2012/08/02/how-to-make-an-interactive-network-visualization/"],["Word Frequency Bubble Clouds","http://vallandingham.me/bubble_cloud/"],["Animated Bubble Chart of Gates Educational Donations","http://vallandingham.me/vis/gates/"],["Stowers Group Collaboration Network","http://stowers.org/stowersreport/maps"],["GSA-Leased Opportunity Dashboard","http://www.capitolmarkets.com/gsa-leased-investment-opportunity/"],["Feltronifier","http://vallandingham.me/feltronifier/"],["We're In The Money: How Much Do The Movies We Love Make?","http://vallandingham.me/vis/movie"],["Visualizing The Racial Divide","http://vallandingham.me/vis/racial_divide.html"],["Composition of Church Membership by State: 1890","http://vallandingham.me/vis/church_by_state.html"],["Proportion of Foreign Born in Large Cities: 1900","http://vallandingham.me/vis/nationality_by_city.html"],["http://vallandingham.me/vis/jobs_by_state.html","http://vallandingham.me/vis/jobs_by_state.html"],["License Usage Dashboard","http://vallandingham.me/vis/matlab_license.html"],["Hierarchical Bar Chart","http://bl.ocks.org/1283663"],["Grouped Bar Chart","http://bl.ocks.org/882152) ([alternative examp"],["Stacked Bar Chart","http://bl.ocks.org/1134768"],["Reorderable Stacked Bar Chart","http://bl.ocks.org/1327441"],["Reusable Interdependent Interactive Histograms","https://github.com/gajus/interdependent-interactive-histograms) ([de"],["Histogram Chart","http://bl.ocks.org/1933560"],["Fixed-width Histogram, Irwin-Hall distribution","http://bl.ocks.org/3048450"],["Fixed-width Histogram of Durations, log-normal distribution","http://bl.ocks.org/3048166"],["Variable-width Histogram","http://bl.ocks.org/1624660"],["Axis Component","http://bl.ocks.org/1166403"],["Small Multiples","http://bl.ocks.org/1157787"],["Interactive Line Graph","http://benjchristensen.com/2012/05/15/interactive-line-graph-using-d3-js/"],["Dual scale line chart","http://benjchristensen.com/2012/05/02/line-graphs-using-d3-js/"],["Horizon Chart","http://bl.ocks.org/1483226"],["Line Chart with tooltips","http://bl.ocks.org/1629644"],["Stacked layout with time axis","http://bl.ocks.org/1314483"],["Multiple Area Charts with D3.JS","http://tympanus.net/codrops/2012/08/29/multiple-area-charts-with-d3-js/"],["Reusable Pie Charts","https://github.com/gajus/pie-chart) ([de"],["Pie Multiples","http://bl.ocks.org/1305111) / [Pie Multiples with Nesti"],["Pie Chart Updating (Part 1)","http://bl.ocks.org/1346395) [(Part "],["Scatterplot for K-Means clustering visualization","http://www.ericbullington.com/articles/2012/01/31/kmeans-visualization"],["Animated bubble charts for school data analysis","http://slodge.com/teach/"],["Scatterplot and Heatmap","http://jsfiddle.net/indiemaps/gzPDU/"],["Animated Sankey Diagram (alluvial)","http://nickrabinowitz.com/projects/d3/alluvial/alluvial-dynamic.html"],["Sankey diagram with cycles","http://bl.ocks.org/3921009"],["Parallel Coordinates","http://bl.ocks.org/1341281"],["Parallel coordinates with fisheye distortion","http://bl.ocks.org/3290263"],["Parallel Sets","http://www.jasondavies.com/parallel-sets/"],["Parallel Sets with reorderable heading","http://www.theage.com.au/national/parsets"],["Graphicbaseball: 2012 Batters","http://charts.graphicbaseball.com/parallelbatting) and [2012 Pitche"],["Sunburst Layout with Labels","http://bl.ocks.org/910126"],["Sunburst: Coffee Flavour Wheel","http://www.jasondavies.com/coffee-wheel/"],["Partition Layout (Zoomable Icicle)","http://bl.ocks.org/1005873"],["Symbols","http://bl.ocks.org/1062383"],["Custom Forces","http://bl.ocks.org/1021841"],["Multiple Foci","http://bl.ocks.org/1021953"],["Multi Foci with Convex Hulls","http://bl.ocks.org/2920551"],["Images and Labels","http://bl.ocks.org/950642"],["Drag and Drop Support to set nodes to fixed position when dropped","http://bl.ocks.org/2883411"],["Interactive Construction","http://bl.ocks.org/929623"],["Collapsible Hierarchy","http://bl.ocks.org/1062288"],["From XML","http://bl.ocks.org/1080941"],["From Matrix Market format","http://bl.ocks.org/2846454"],["Directed Edges (Curves and Arrow Markers)","http://bl.ocks.org/1153292"],["Bounded Force Layout","http://bl.ocks.org/1129492"],["Force-Based Label Placement","http://bl.ocks.org/1377729"],["Groups and Labels showing relations of football players participating in Euro 2012","http://www.torlaune.de/euro-2012/spieler-relationen/"],["Chicago Lobbyists","http://www.christophermanning.org/projects/chicago-lobbyists-force-directed-graph-visualization/"],["Building a tree diagram","http://blog.pixelingene.com/2011/07/building-a-tree-diagram-in-d3-js/"],["Reveal animation on a tree with a clip path","http://blog.pixelingene.com/2011/08/progressive-reveal-animations-in-svg-using-a-svgclippath/"],["Collpase/expand nodes of a tree","http://jsfiddle.net/murray_3/5q62y/8/"],["Pedigree Tree","http://bl.ocks.org/2966094"],["Animated","http://bl.ocks.org/999346"],["Collapsible","http://bl.ocks.org/1061834"],["Collapsible, with Labels","http://bl.ocks.org/1249394"],["Indented Tree (Collapsible)","http://bl.ocks.org/1093025"],["Connections in time","http://maxdemarzi.com/2012/03/08/connections-in-time/"],["Voronoi Diagram with Force Directed Nodes and Delaunay Links","http://www.christophermanning.org/projects/voronoi-diagram-with-force-directed-nodes-and-delaunay-links/"],["Building Cubic Hamiltonian Graphs from LCF Notation","http://www.christophermanning.org/projects/building-cubic-hamiltonian-graphs-from-lcf-notation/"],["Circular tree. Will your team win the NCAA Tournament?","http://thepowerrank.com/visual/NCAA_Tournament_Predictions"],["Bracket Layout","http://blockses.appspot.com/2503502"],["SCION simulation environment","http://bit.ly/PvWgUH"],["Treemap Layout in SVG","http://bl.ocks.org/972398"],["Circular tree of d3 src using burrow() for recursive nesting","http://bl.ocks.org/4092944"],["Circular tree comparing the src directory for three versions of d3","http://bl.ocks.org/4092944"],["Football passes","http://www.tips-for-excel.com/MCFC/Passes.html"],["Selecties EK 2012","http://www.nu.nl/files/datajournalistiek/ek/ek2012.htm#.UKJ5yuOe8ww"],["Dependencies Between Classes","http://bl.ocks.org/1046712"],["Uber Rides by Neighborhood","http://bost.ocks.org/mike/uberdata/"],["Updating data","http://exposedata.com/tutorial/chord/latest.html"],["Updating data","http://fleetinbeing.net/d3e/chord.html"],["Fade on Hover","http://livecoding.io/3419309"],["Fade on Hover","http://bl.ocks.org/4062006"],["Fade on Hover","http://www.javainc.com/projects/dex/examples/vis/d3/presidents/presidentPartyChord.html"],["Chord Layout Transitions","http://fleetinbeing.net/d3e/chord.html"],["Click-to-Zoom with Albers Projection","http://bl.ocks.org/2206590"],["Google Maps","http://bl.ocks.org/899711"],["Polymaps","http://bl.ocks.org/899670"],["Polymaps with custom tiler","http://bl.ocks.org/900050"],["Map from GeoJSON data with zoom/pan","http://bl.ocks.org/2322933"],["Maps and sound","http://littleearth.ca/jsmag/"],["Choropleth classification systems","http://gabrielflor.it/"],["Choropleth with interactive parameters for NYC data visualization","http://code.leakingalpha.com/visionyc/), [co"],["Mercator","http://bl.ocks.org/1653763) and [Albe"],["Non-Contiguous Cartogram","http://bl.ocks.org/4055908"],["Flows of refugees between the world countries in 2008","http://bl.ocks.org/2209220"],["Calculating quadtree bounding boxes and displaying them in leaflet","http://calvinmetcalf.github.com/k3/"],["Projection Transitions","http://bl.ocks.org/3711652) and [Comparing Map Projectio"],["Composite Map Projection","http://cartography.oregonstate.edu/demos/CompositeMapProjection/"],["World Boundaries TopoJSON","http://bl.ocks.org/4091835"],["Mapbox: add vector features to your map with D3","http://mapbox.com/mapbox.js/example/vectors-with-d3/"],["We Love France: transition between the Hexagon and a heart ","http://blog.lightjs.org/2012/09/d3-js-fun-france-2/"],["Venn Diagram using Clipping","http://bl.ocks.org/1067636"],["Venn Diagram using Opacity","http://bl.ocks.org/1067616"],["Marimekko Chart","http://bl.ocks.org/1005090"],["Gauge","http://tomerdoron.blogspot.com/2011/12/google-style-gauges-using-d3js.html"],["Chernoff faces","http://bl.ocks.org/2011590) and [Chernoff faces example: happy planet ind"],["Swimlane Chart","http://bl.ocks.org/1962173"],["Pictograms","http://bl.ocks.org/2280295"],["Smoke charts","http://dyninc.github.com/d3-smokechart/) and [source co"],["Sankey Diagram with Overlap","http://bl.ocks.org/d/3779574/"],["Hierarchical Edge Bundling","http://bl.ocks.org/1044242"],["Spiral for John Hunter","http://bl.ocks.org/3543186"],["Superformula Explorer","http://bl.ocks.org/1021103"],["Superformula Tweening","http://bl.ocks.org/1020902"],["OMG Particles!","http://bl.ocks.org/1062544"],["Line Tension","http://bl.ocks.org/1016220"],["Segmented Lines and Slope Coloring","http://bl.ocks.org/1117287"],["Raindrops","http://bl.ocks.org/849853"],["Linear Gradients","http://bl.ocks.org/1086421"],["Force Directed States of America","http://bl.ocks.org/1073373"],["Rounded Rectangles","http://bl.ocks.org/1123639"],["Spermatozoa","http://bl.ocks.org/1136236"],["Spline, Zoom and Pan","http://bl.ocks.org/1182434"],["Arc Tweens","http://bl.ocks.org/1098617"],["Show Reel","http://bl.ocks.org/1256572"],["VVVV viewer","http://vvvvjs.quasipartikel.at/"],["Merge Sort","http://bl.ocks.org/1243323"],["Epicyclic Gearing","http://bl.ocks.org/1353700"],["DOM-to-Canvas","http://bl.ocks.org/1276463"],["Transform Transitions","http://bl.ocks.org/1345853"],["Square Circle Spiral Illusion","http://bl.ocks.org/1386444"],["Adventures in D3","https://github.com/enjalot/adventures_in_d3"],["Time Series","https://github.com/boorad/d3-tsline"],["Voronoi-based point picker","http://bl.ocks.org/1405439"],["Radar chart","http://www.larsko.org/v/euc/"],["Drag rectangle","http://bl.ocks.org/1629464"],["Elastic collisions","http://bl.ocks.org/1706523)(http://bl.ocks.org/1706849"],["Collider - a d3.js game","http://blog.latentflip.com/post/18195267992/d3-collider"],["alpha-shapes aka concave hulls","http://bl.ocks.org/1552725"],["Conway's Game of life as a scrolling background","http://rhokaustin.org/"],["Simple Dashboard Example","http://bl.ocks.org/3287802"],["Dataflow programming with D3 and Blockly","http://bollwyvl.github.com/blockd3/"],["XKCD-style plots","http://dan.iel.fm/xkcd/"],["Violin: Instrumenting JavaScript","http://latentflip.github.com/violin/"],["Rotating hypercube in orthogonal projection and parallel coordinates","http://exposedata.com/hypercube/rotate/"],["Webplatform dancing logo","http://blog.lightjs.org/2012/10/welcome-to-webplatform-animation-d3js/"],["Parallel Coordinates","http://syntagmatic.github.com/parallel-coordinates/) and [reposito"],["Chernoff faces, Fisheye, Geodesic grid, Hive plot, Horizon chart, Sankey diagram, ","https://github.com/d3/d3-plugins"],["Parallel Sets","https://github.com/jasondavies/d3-parsets"],["Word Cloud","https://github.com/jasondavies/d3-cloud/blob/master/d3.layout.cloud.js"],["NVD3","http://nvd3.org/"],["MathJax label","http://bl.ocks.org/3391642"],["Simple table","http://jsfiddle.net/christopheviau/v6VMf/"],["Legend","http://bl.ocks.org/3918369"],["Dc.js","http://nickqizhu.github.com/dc.js/"],["Simple Reusable Bar Chart","http://jsfiddle.net/johnwun/8hSGP/"],["Polygonal Lasso Selection","http://bl.ocks.org/3732612"],["Floor Plan Map","http://dciarletta.github.com/d3-floorplan/"],["Streamgraph","http://bl.ocks.org/1935509) an [Interactive versi"],["Histogram","http://bl.ocks.org/1933560"],["Date Ticks","http://bl.ocks.org/1071269"],["Masking with external svg elements","http://bl.ocks.org/1503463"],["PJAX","http://bl.ocks.org/1367999"],["Table Sorting","http://bl.ocks.org/1226718"],["Automatically sizing text","http://bl.ocks.org/1846692"],["Templating ala Mustache, with Chernoff faces example","http://bl.ocks.org/2295155"],["Bay Area earthquake responses by zip code: loading external file through Yahoo Pipes","http://bl.ocks.org/1343714"],["Simple HTML data tables","http://jsfiddle.net/7WQjr/"],["Responsive SVG resizing without re-rendering","http://jsfiddle.net/shawnbot/BJLe6/"],["Automatic floating labels using d3 force-layout","http://bl.ocks.org/1691430"],["Custom Line Interpolation","http://bl.ocks.org/3310323"],["Export to SVG/PNG/PDF server-side using Perl","http://d3export.cancan.cshl.edu/"],["Constraint relaxation 1","http://bl.ocks.org/4053096)[and"],["Custom Path and Area Generator","http://bl.ocks.org/4047002"],["Axis Examples","http://bl.ocks.org/3605124"],["Loading Adobe Photoshop ASE color palette","http://bl.ocks.org/3173233"],["Render sever-side using Phantomjs","http://jsfiddle.net/shawnbot/BJLe6/"],["Reusable text rotation","http://bl.ocks.org/4236639"],["Reverse Geocoding Plug-in using an offline canvas","http://bl.ocks.org/4246925"],["IPython-Notebook with d3.js","http://blogs.infoecho.net/echo/2012/02/05/ipython-notebook-d3-js-mashup/"],["Plotting library for python based on d3","https://github.com/mikedewar/d3py"],["Visualizing NetworkX graphs in the browser using D3","http://www.drewconway.com/zia/?p=2765"],["Pushing d3 commands to the browser from iPython","https://github.com/hhuuggoo/pushd3"],["Dance.js: D3 with Backbone and Data.js","http://quasipartikel.at/2012/04/25/dancing-with-data/"],["Backbone-D3","http://drsm79.github.com/Backbone-d3/index.html"],["Viewing OpenLearn Mindmaps Using d3.js","http://blog.ouseful.info/2012/05/11/viewing-openlearn-mindmaps-using-d3-js/"],["Splay Tree animation with dart, d3, and local storage","https://bitbucket.org/davidagraf/dartsplaytree/src"],["Data visualization with D3.js and python","http://blog.nextgenetics.net/?e=7"],["Instant interactive visualization with d3 + ggplot2","http://blog.echen.me/2012/03/05/instant-interactive-visualization-with-d3-and-ggplot2/"],["Visualising a real-time DataSift feed with Node and D3.js","http://www.benh.co.uk/datasift/visualising-a-datasift-feed-with-node-and-d3/"],["Very limited, in-progress attempt to hook d3.js up to three.js","https://github.com/asutherland/d3-threeD"],["SVG to Canvas to PNG using Canvg","http://jsfiddle.net/plaliberte/HAXyd/"],["Canvas with d3 and Underscore","http://exposedata.com/canvas/stacked.html"],["Automatically sizing text","http://bl.ocks.org/1846692"],["SVG to Canvas","http://bl.ocks.org/2294676"],["d3 rendered with RaphaelJS for IE Compatibility","https://github.com/mhemesath/r2d3/"],["d34raphael","http://webmonarch.github.com/d34raphael/usage.html"],["Visualising ConAir Data With Cubism.js (Arduino, TempoDB, Sinatra)","http://sammyd.github.com/blog/2012/09/16/visualising-conair-data-with-cubism-dot-js/"],["Render Geographic Information in 3D With Three.js and D3.js","http://css.dzone.com/articles/render-geographic-information"],["D3 heatmap using Backbone.js and CoffeeScript","http://bl.ocks.org/2759731"],["Visualizing a network with Cypher and d3.js","http://maxdemarzi.com/2012/02/13/visualizing-a-network-with-cypher/"],["ggplot2 + d3 = r2d3","https://github.com/hadley/r2d3"],["SHEETSEE.JS: Fill up Websites with Stuff from Google Spreasheet","http://jllord.github.com/sheetsee.js/) -Jessica Lor"],["Bar chart code generator and online editor","http://www.d3-generator.com/"],["Live coding based on Bret Victor's Inventing on Principle talk","http://livecoding.gabrielflor.it"],["Tributary","http://enjalot.com/tributary/2165875/sinwaves.js"],["D3.js playground","http://phrogz.net/JS/d3-playground/#BlankDefault"],["A CoffeeScript console for d3.js visualization","http://fleetinbeing.net/beans/d3"],["CSSdeck: Repulsion example","http://cssdeck.com/labs/d3-repulsive"],["Bitdeli: Custom analytics with Python and GitHub","https://bitdeli.com/"],["Cube: Time Series Data Collection & Analysis","http://square.github.com/cube/"],["Fast Multidimensional Filtering for Coordinated Views","http://square.github.com/tesseract/"],["Polychart: A browser-based platform for exploring data and creating charts","http://polychart.com/"],["Plot.io (swallowed by Platfora)","http://plot.io/"],["Chart.io: The Easiest Business Dashboard You'll Ever Use","http://chart.io/"],["Trisul Network Analytic","http://trisul.org/"],["Explore Analytics: cloud-based data analytics and visualization","http://exploreanalytics.com/"],["Meshu turns your places into beautiful objects.","http://meshu.io/"],["Reports for Simple","http://www.simple.com/blog/Simple/announcing-reports"],["Cubism.js: Time Series Visualization","http://square.github.com/cubism/"],["Rickshaw: JavaScript toolkit for creating interactive real-time graphs","https://github.com/shutterstock/rickshaw"],["Dynamic Visualization LEGO","https://github.com/vogievetsky/DVL"],["xCharts: a D3-based library for building custom charts and graphs","http://tenxer.github.com/xcharts/"]] |
This file contains hidden or 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 http-equiv="content-type" content="text/html; charset=UTF-8"> | |
| <title></title> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script> | |
| <style type="text/css"> | |
| a.link{color: grey;} | |
| a.link:hover{color: black;} | |
| div.gallery{width:800px; height:500px; overflow:scroll} | |
| </style> | |
| </head> | |
| <body> | |
| <script id="template" type="text/template"> | |
| <a class="link" href="{url}">{title}</a> | |
| </script> | |
| <div class="gallery"></div> | |
| <script type="text/javascript"> | |
| var tmpl = d3.select("#template").text(); | |
| d3.json("gallery.json", function(json){ | |
| d3.select(".gallery") | |
| .selectAll("div.entry") | |
| .data(json) | |
| .enter().append("div") | |
| .attr("class", "entry") | |
| .html(function(d, i){ | |
| var entry = {title: d[0], url: d[1]}; | |
| return tmpl.replace(/{([^}]*)}/g, function(s, key){return entry[key];}); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment