Explore Features Enterprise Blog
Clonethiswikilocally
GalleryBenLoganeditedthispageJul6,2015·962revisions
Wiki▸Gallery
WelcometotheD3gallery!Moreexamplesareavailableonbl.ocks.org/mbostock.Ifyouwanttoshareanexampleanddon'thaveyourownhosting,considerusingGistandbl.ocks.org.Ifyouwanttoshareorviewliveexamplestryrunnable.comorvida.io.
BoxPlots BubbleChart BulletCharts CalendarView
Non-contiguousCartogram
ChordDiagram Dendrogram Force-DirectedGraph
CirclePacking PopulationPyramid
StackedBars Streamgraph
Sunburst Node-LinkTree Treemap VoronoiDiagram
HierarchicalEdgeBundling
VoronoiDiagram SymbolMap ParallelCoordinates
ScatterplotMatrix ZoomablePackLayout
HierarchicalBars EpicyclicalGears
CollisionDetection
CollapsibleForceLayout
Force-DirectedStates
AzimuthalProjections
Choropleth CollapsibleTreeLayout
ZoomableTreemap
ZoomablePartitionLayout
ZoomableAreaChart
DragandDropCollapsibleTreeLayout
RotatingClusterLayout
SankeyDiagram
FisheyeDistortion HivePlot Co-occurrenceMatrix
MotionChart
ChordDiagram AnimatedBéziers ZoomableSunburst
CollatzGraph
ParallelSets WordCloud Obama'sBudgetProposal
FacebookIPO
PoliticalInfluence FederalBudget USTradeDeficit Sequencessunburst
AutocompleteComponent
RadialProgressComponent
KoalastotheMax Particles
IndentedTree RoundedRect Tadpoles Showreel
EuroDebt LabeledForceLayout
Circle-SquareIllusion
VoronoiPicking
ZoomableMap Raindrops Color ParallelCoordinates
HackerNewsPopularity
LifeExpectancy Slopegraphs NCAAPredictions
Cubism.js Crossfilter.js WindHistory CubicHamiltonianGraphs
Force-DirectedVoronoi
TruliaTrends TruliaTrends OpenBudget
BedersonPublications
ForceLayoutEditor
OpenKnowledgeFestival
HierarchicalClassificationTree
GeneExpression spacetime d3AnalogClockDashboard
Conceptnetworkbrowser
Circularheatchart
Convertanypageintobubbles
DirectedGraphEditor
Weeknd3
Explosions CodeFlowers Animatedwindchart
Whatmakesushappy?
SimpleSOMAnimation
Amowerdemo Mapandcontextwithbrushing
Binarytreewithtransitions
- D3JezzBall Tetris GanttChart
Day/HourHeatmap
Sunburstandparse.com
Worldwideremittanceflows
LanguageNetwork
Wimbledon2013 Forcedirectedtag/siteexplorer
- AirlinedatafromFusionTables
Geographicalhexbins
xkcd-styleComicNarrativeCharts
GitHubVisualizer WorldBankContractAwards
Siteorblogconceptbrowser
Globalpowerstructure
Choroplethoncanvas
Googlecalendarlikevisualization
InteractiveSalesDataPieChart
Wikistalker-WikipediaVisualization
D3Cesium-HealthandWealthofNations
Starpaths
Kent+Sussexriverlevelsmapped
CoreNLPSentenceParseTree
Publicationsinjournalsovertime
Anotherstatebudgetvisualizationwithopenapi
InteractiveBiblecontradictions&barcharts[source]
ForceEdgeBundlingForGraphs
[Source&Docs]
Gauge BulletCharts
ArcAxis Barchartwithtooltips
TokyoWindMap DependencyWheel
60yearsoffrenchfirstnames
HipReplacementbyState
Comparetimeserieswithirregularinterval
TablewithEmbeddedLineChart
Dual-scaleBarChart
AnimatedPieandLineChart
MultivariateDataExplorationwithScatterplots
LivePowerOutagesInMaine
RelativeSizeOfThePlanets
AWSEC2PriceComparisonChart
- -
- EpidemicGame UKTemperatureGraphs
DataHeatmapwithSortingFunctions
Node-LinkTreeShowingBranchesofGovernment
3DForceLayout Lifespan Choroplethwordmap
TheMovieNetwork
BowlswithLiquid BiPartiteVisualization
BeerViz
GracefulTreeConjecture
TopScorersin2013/14ChampionsLeague-Breakdownanalysis
Sankey:HowaGeorgiabillbecomeslaw
Agamebasedond3
Viroscope-virustaxonomyviewer
Twitter&ReddittopicsduringweekoneofMH-370'sdisappearance
- SizeViewer
OrgoShmorgo FundVisualization Zoomablesunburstwithupdatingdata
USStateMap
SimpleDashboard DensityandQuantileGraphs
VisualizingMBTAData
SumofFirstnNumbers
AnimatedHistoricalWeatherMaps
VisualizingWalkingwithSmartphoneAccelerometers
CycloidOpticalIllusion
AlternativeCalendarView
USChoroplethPlusBarChart
AsterPlot SmallestConvexPolygon
Shooter
Sunburstforyourskillmap
Networkofsoccerpasses
Choroplethwithsvgfilter
PsychedelicBritishIsles
StockLeadersBubbleChart
InteractiveUnitCircle(Trigonometry)
Days-HoursHeatmap
TrendChart(Area+Line)
VisualizationsandDashboardbuilder
- Simplebarchartwithlede&nutgraflayout
NodeFocusableTree
TarotCardAppmadewithD3+Meteorframework
UlamSpiral AnimatedChordDiagram
SOMHexagonalHeatmap
Dataviztree UKTemperature1910-2014
SimpleBubbleChart
Collapsible2-WayTreeLayout
AnimatedPie ExoplanetsinOrbit
Worldcup'14Drag&DropBrackets
AScatterplotasBarchart
Conway'sGameofLife
Editabletreemixingd3&Angular
SFDCTrainingVideos
EditableSankeywithself-loops
England&Waleshousepriceanimation
Bi-directionalZoomandDragD3dependencytree
InteractiveForceDirectedGraph
F1Timeline
GeocenterofF1venues
AccessQuandlaggregator
ReligionsinRomaniaoncolorwheels
Sunburstbilevelpartitionwithtooltips
RussianBudget:1937to1950
LiquidFillGauge InteractiveBubbleMenu
Globalcenterofhighereducation:universityrankings
LinkedGeographicandTreeMaps
Bi-directionalHierarchicalSankey
2InteractiveColorwheels+ZoomableWorldMap
RadialBoxplot
Pazzla:MosaicsofInstagramPictures
CommunityPop-CultureReferencesHeatmap
Topbabynamesbumpchart
RealtimeelectricconsumptioninSpain
ZoomableUnilevelPartition
AppsScriptdependencyanalysis
EditableTree AutomatedBiographyofaNation
StarWarsCharacterProfiles
GlobalRefugeeFlows-2DynamicChordDiagrams
OntologyVisualization
VerticalSankey
AreaChart
LineChart BivariateAreaChart
Multi-SeriesLineChart
StackedAreaChart
BarChart StackedBarChart NormalizedStackedBarChart
GroupedBarChart
Scatterplot DonutChart PieChart
DonutMultiples
BarChartwithNegativeValues
AnimatedDonutChartwithLabels
StackedBarChartsontimescale
BarChartMultiples
d3pie-piechartgeneratorandlib
3DDonut GradientPie
100%StackedBars
InteractiveScatterplot
InteractiveMulti-MetricBars
UnitedStatesMapwithMapboxTiles
WaterfallChart
DivergingStackedBarChart
Timeseries
GeneralUpdatePattern
SortableBarChart vanWijkSmoothZooming
ProgressEvents
MarginConvention
Focus+ContextviaBrushing
DifferenceChart PieChartUpdate
HexagonalBinning
ContourPlot BuildYourOwnGraph ModifyingaForceLayout
SplineInterpolation
DispatchingEvents Betterforcelayoutselection
v45webthemeusingSVG
Interactiveforcelayout
EventDrops:Zoomabletimeseries
Draggablescatterplotwithmotiontrails
Horizontallygroupedbarchart
USStates
USStateswithDropdownSelector
World USStates-ChoroplethBar
USStatesMap-SidebySide
Israelelection2015-coalitionbuilder-RanRuderLightup!Denver-GlennaXieTwitterBeater-Realtimevisualisationoftweets-DavidMartín-CorralLogisticMap-DavidMartín-CorralSpotifyArtistExplorer—FarukSahinHistoryoftrendingtopicsoftwitter—MustafailhanVisualizingcricket—CricketAustralia(RomanKalyakin)BoxOfficecollectionofJamesBondmovies—JamesBondTheNetworkofProgrammingLanguages—FatihErikliVisualizationofthedistributionofRussianbudget2013—ArtZubInteractiveWorldCupVisualization-MondulaGovernmentSequester2013-EnigmaWorldInequalityDatabaseonEducation-UNESCOAreglobalCO2emissionsstillrising?-AllardWarrinkandJeroenDolmansBLOSUMSubstitutionMatricesasaDynamicNetwork(forcelayout)-AhmetR.Ozturk,Ankara50YearsofChange(map,matrix,andblockbarchart)-ErinHamilton,RashaunaMead,andVanessaKnoppke-Wetzel,UW-MadisonHurricane#SandyTwitterDataViz-ChrisCantey,CarolineRose,MorganJarocki,UW-MadisonDistributionofGrantAwardsinFiscalYear2013,(github),global-development-sprintversion23-ArtemZubkovCommutingScales,LausanneCampuscommuters-BorisBeaudeandLucGuillemotDiskSpaceVisualization-LouMontulliVisualizationoftheFlaskSourceCode-AndreasDewes(bl.ocks.org)ViolenceinNepal-ShirishPandeyPhotographyStatsAnalysis(bottomofthepage)-RemiEscolaStockTwitsSocialHeatmap-StockTwitsSocialwebusein2009-NikhilBobbVisualizingopinonsaroundtheworld(zoomableworldmapandinteractivepiechart)-SiamacFazli,BastianVenthurAPhotographer'sinfographic-NajeemMuhammedVisualizingworddensityintheBible-GaryLeeVisualizingdocumentsimilarityovertime-DavidMasadDroughtduringMonth-MikeBostockInteractivePublicationHistory-BenBedersonVisualizingNetworkswithHivePlotsTheWealth&HealthofNationsBézierCurves,CollatzGraph,WordCloudandmanyMathematicalVisualisations-JasonDaviesKoalastotheMax!-VadimOgievetskyUrbanWaterExplorer-JanWillemTulpWhatDoYouWorkFor?-JeffreyBaumesMisc.Examples-JustinPalmerCollusionFireFoxAddon-AtulVarmaUKUniversityStatistics-KemingLabs(KevinLynagh)Slopegraphs-HamiltonUlmerMarmosetchimerismdotplot-DavidRioDeirosUNGlobalPulse2010Visualization-EduardoGraells&RuthGarciaU.S.PopulationPyramid-JeffHeerWindHistory.com:mapsandcharts-NelsonMinarStudents'seatinghabits-AliAlmossawiWorldWideWomen'sRights-Wimdows.nlOldVisualizationsMadeNewAgain-JimVallandinghamScatterize-NateVackVariousvisualisationsespeciallywithd3.geo-LarsKotthoffGlobalLifeExpectancy-NathanYau(FlowingData)VegetableNutritionw/ParallelCoordinates-KaiChangLondonOlympicsPerceptions-DonutstoChordDiagramTransition-KyleForeman,PeterHamilton,CristinaGrigorutaColony-VisualisingJavascriptprojectsandtheirdependencies-HughKennedyEuroDebtCrisisInequalityinAmerica-EJFoxforVisual.lyCurrentArticlePopularityTrendsonHackerNews-VadimOgievetskyHackerNewsstatisticsusingPhantomJSAFLBrownlowMedalists,SummerOlympicsHomeGroundAdvantage,Formula1LapChartandDavidFosterWallace's"InfiniteJest",andmore...-ChrisPudney(VisLives!)UberRidesbyNeighborhoodLesMisérablesCo-occurrenceLesMisérables'GapHeatMap'Co-occurrenceColor:acolormatchinggame-MariaMunueraandMarkMacKayNCAA2012MarchMadnessPowerRankings-AngiChauiTunesMusicLibraryArtist/GenreGraph-ChristopherMartinVisualisingNewZealand'sStolenVehicleDatabasePart2andsourcecodeVisualizingSanFranciscoHomePriceRangesDailydatareturnratesforseismicnetworksintheEarthScopeUSArray-RobNewman,ArrayNetworkFacility,UCSDWhatSizeAmI?Findingdressesthatfit-AnnaPowell-SmithBaseball2012Predictionsbasedonpast6years-DannyHadleyLastChart!-SeetheMusicMultiplevisualizationfromtheSociétéTypographiquedeNeuchâtel-VincentHiribarrenPrimenumberspatterneCommerceAPIWheelforeBay-SaranyanVigrahamThebusinessofBondHomeenergyconsumption-PeterCookHeatmapofgeneexpressionwithhierarchicalclustering,demohere-DamianKaoGraphdiagramofgeneontology,demohere-DamianKaoUMLS(UnifiedMedicalLanguageSystem)VisualizerUniversityofWashingtonDepartments-MatthewSorensenBabyNamesinEngland&Wales-AnnaPowell-SmithRealtimewebserverstats-demo-(Github,Github)-AndrewWeeksTradeArc-ArcDiagramofOffseasonNHLTrades,(Github)-NathanStehrMoonPhaseVisualizer-palerdotVisualizingSwisspoliticiansonTwitterusingD3.js-RalphCloseVotes-visualizingvotingsimilaritiesfortheDutch2012nationalelections-JanWillemTulpMultipleAreachartsandabrushtool-TylerCraftEnumeratingvertexinducedconnectedsubgraphs-RobertKozikowskiStartupSalary&EquityCompensation-JaredJacobs(wealthfront.com)Pyramidcharts:demographictransitionintheUSFloatingbubblechart:DeMaastrichtautraitébudgétaire:lesouietlesnonde39personnalitéspolitiquesExploringd3.jswithdatafrommyrunstoplotmyheartrateIsBarackObamathePresident?(Ballooncharts)AudioSpectrumAnalyzer-AriRussoPlacesintheGameofThrones-JérômeCukierAVisitFromTheGoonSquad-InteractiveCharacterMap-FilipZembowiczTwitterInfluencerVisualization-ErikDriessenChicagoWardRemapOutlines-ChristopherManningMinute:recordofallofmykeystrokes-TomMacWrightOlympicMedalRivalry-MakotoInoueVisualizingU.S.BirthsandDeathsinReal-Time-BradFlyonVélibnetworkvisualization-CyrilGantzerEventsintheGameofThrones-JérômeCukierChartWheelVisualization-AnilOmanwarComparingthesamesurveysbydifferentpollingorganizations(polish)andtranslatedinenglish-smarterpolandConfidenceintervalinpollsurveysandtranslatedinenglish-smarterpolandForecastofMexican2012presidentialelection-DiegoValle-JonesRomanianparliamentarianbubblechart.InRomanian-HartaPoliticiiLinkedJazznetworkgraph-MattMillerBiblyv2:VisualizingworddistributionwithintheKJVbible-GARYLEE&ANIRUDHVENKATESHAphysicsmodelofaphysicsmodel-MichielvanderBlonkThefirstthingthatshouldbeshowninanyTrigonometryclassHoweducatedareworldleaders?-AliAlmossawiDynamicchartsanddynamicallypopulatedcharts-MarcelloLaRoccaRadialLineChartandChartWheel-AnilOmanwarIndo-Europeanconcepts,cognates,andetymologies-JosephNudellRemixoftheCentury-HenrikPettersson,DavidVella,andTomHannenDisplayingreal-timedata-MarcelloLaRocca“DecidetheCzech2013PresidentialElection”interactivevisualization-VojtechHyza,KarelMinarik,JosefSlerka(about,source)MassGunshootingsinUSA-NandaYadavUKRainfall1910-2012-PeterCookModalLogicPlayground-RossKirslingCollectionof9dynamicalsystemsexamples-interactiveexamplesfoundundereducationalmaterial-SeanSummersExpecteduniversitytuitiongrowth2030-SeanSummersStandingsSlopegraph-SlopegraphofweeklyNHLstandingsfor2012-13season,(Github)-NathanStehrAmsterdamEconomicPerformance1995-2011-IconomicalExaminationResultsinKarnataka,India|Dashboardwithmaps-SajjadAnwar2002-2011InternationalPhoneCallTrafficbarchartwithtimeseriesInfluenceMap:Women&Leadership-DaneLyonsTheStateofDoNotTrack-MozillaPersonaltextingtrendsdemo(usingdc.js)-JosephNudellWorldwideremittanceflows-DavidBauer,IlyaBoyandinundRenéStalderEvolutionoftheFirefoxCodebase-AliAlmossawiLanguageNetwork-JoséCotrinoSuperposedareasforcomparing2values-EtienneRamsteinObjectconstancythroughmanytypesofbublecharts-EtienneRamsteinTheFundamentalTheoremofArithmetic,source-AdamBeckerGlobalOilProduction&Consumptionsince1965-TimoGrossenbacherSwissVotesExplorer-TimoGrossenbacherElectricalfieldlinesandEquipotentialsurfacessimulation-PanceCavkovskiArtefactsoftheCollectiveUnconscious-NoahPedriniandDavidPatmanStarpaths-JoséCotrinoMostcommonbirthdays-DavidBauerPremierLeagueTransfers,1992-2013-JosephNudellRelativeSizeOfThePlanets-KeithWatson(bestinSafari,whereIcangetthedropshadowtowork)MostExpensiveFootballTransfers:HowtheMoneyFlows-RamiroGómezUser-SpecificLinkedInSocialNetworkVisualizationandAnalysis-CraigTutterowInteractiveStackedBarChartofUSPopulation-ZhouYuArapahoeBasinSkiSlopesVizualized-DavidWilsonD3-dateline-horizontaltimeline,force-directed-PeterBinkleyVisualizingK-MeansClustering-NaftaliHarrisAustralianElectionPreferences-PeterNeishLifespan-JoséCotrinoEnglandandWaleshousepriceevolution(multi-variableanimation)-HelenJacksonMillenniumDevelopmentGoalsandEconomicGrowth-HelenJacksonWeatherandUKAgriculturalYieldsRegressionResults-HelenJacksonSimpleSchellingModelofUrbanSegregation-HelenJacksonSensitivityAnalysisofRenewableTechnologyCosts-HelenJacksonUKElectricitySupplyCrunch-HelenJacksonNewYearsResolutionsandSearchTrends-ChrisPolisGeometricProofofthePythagoreantheorem-ChrisPolisTopwordsandthewordstheyfrequentlyappearwithinAmericanHip-Hop-NathanStehrSochiWinterOlympicsMedalsbyCountryandSport-ChrisPolisProcessmapanddocumentationusinganinteractiveforcelayout-JamesNylenBeijingAirPollutionVisualization-ScottChengChinaHistoricalFilmsTimeline-LaurentC.CanwehaveaPiechartlikethis?-AnwarhusenMalgaveAndlikethis?APiechartwithdofferentangle-AnwarhusenMalgaveDogeOS/SmartOSSMFbrowser-LI,YuMembersoftheLowerHouseoftheParliamentofIndia-RajVermaArchiveofpollingdataforAustria-FloohPerlotVisualizingMBTAData-MichaelBarryandBrianCardVisualizingJoyce's'Ulysses':"Sirens"asaGraphicScore-EmilyFuhrmanVisualizingfilmdialogue-255fuckinPulpFiction-SarathSaleemUSHealthExpenditureComparisonTool,Github—ShawnWDrugadverseevents-EtienneRamsteinGenefunctionalinteractionnetworks-AaronWongInteractiveNetcdfclimatedataplots-WillSijpShrimpdemonstratesaDAGTreelayoutforbrowsingSNOMEDCT-MichaelLawley,CSIROMulti-linechartdemonstratestheLendingClub.com'snetannualizedreturnofloansbyvintage-ThuyNguyenCirclePacking-StoriesandotherInteractiveAnimations-KenWebbRGB-plot-DenesCsalanextflu:real-timetrackingofinfluenzavirusevolution-TrevorBedfordISeeHue:HowPeoplePerceiveHues-PetrDevaikinMaxKatzCrowdfundingCampaign(AgeandGender)-PetrDevaikinMaxKatzCrowdfundingCampaignTimeline-PetrDevaikinVisualizingCashFlows-NeilAtkinsonBridgeViz-DiegoBogniandHassanSaidinejadNCAREnsembleSkew-TViewer-RyanSobashPazzla:PhotoMosaicsofInstagramPictures-PetrDevaikinAutomatedBiographyofaNation-AnnalynNgStarWarsCharacterProfiles-AnnalynNgRefugeedynamics-whatdoesthedatasay?Avisualexploratoryofrefugeeflowsovertheworldusingdynamicchorddiagrams-DenesCsalaAWorldofChange-ClimatechangethroughthelensofGooglesearch-PitchInteractive&MichaelChang
TheFacebookOffering:HowItCompares-JeremyAshkenasetal.FourWaystoSliceObama’s2013BudgetProposal-ShanCarterAttheDemocraticConvention,theWordsBeingUsedHowtheChicagoPublicSchoolDistrictComparesDroughtandDelugeintheLower48AlltheMedalists:Men’s100-MeterFreestyleTheelectoralmap:buildingpathtovictoryWhoVotedforRickSantorumandMittRomneyOvertheDecades,HowStatesHaveShifted512PathstotheWhiteHouseanddesignprocessAttheNationalConventions,theWordsTheyUsedDroughtExtends,CropsWitherHowObamaWonRe-election
http://www.jeromecukier.net/projects/models/models.html
LaNuitBlanchePercolationmodelMarkovprocessesCellularautomataGameoflifeThePolyaprocessSchelling'ssegregationmodel
http://www.jasondavies.com/
AntipodesQuadraticKochIslandSimplificationRandomPointsonaSphereTopology-PreservingGeometrySimplificationDetectingDuplicatesinO(1)SpaceandO(n)TimeFactorisationDiagramsBubblesSetPartitionsElPatróndelosNúmerosPrimosInfinitePlasmaFractalRandomArboretumCrayolaColourChronologyParallelSetsRhodoneaCurveTagCloudCombinatorialNecklacesandBraceletsBiham-Middleton-LevineTrafficModel9-PatchQuiltGeneratorTheMusicofGraphsPlanarityMobilePatentLawsuitsSunflowerPhyllotaxisGirko'sCircularLawCalkin–WilfTreeBloomFiltersCarotid-KundaliniFractalExplorerCoffeeFlavourWheelNumberofuniquerectangle-free4-colouringsforannxmgridAnimatedQuasicrystalsCollatzGraph:AllNumbersLeadtoOneHammingQuiltHilbertStocksHilbertCurveGaussianPrimesWaveLatestEarthquakesPhylogeneticTreeofLifeVoronoiBoids:VoroboidsAnimatedBézierCurvesAnimatedTrigonometryApollonianGasketMonteCarlosimulationofbifurcationsinthelogisticmapSortingVisualisationsCompleteGraphsLeibnizSpiralMorley'strisectortheoremPoincaréDiscProofofPythagoras’TheoremFromRandomPolygontoEllipseTübingenAmericanForcesinAfghanistanandIraq
http://vallandingham.me/vis/
HowtoMakeanInteractiveNetworkVisualizationWordFrequencyBubbleCloudsAnimatedBubbleChartofGatesEducationalDonationsStowersGroupCollaborationNetworkGSA-LeasedOpportunityDashboardFeltronifierWe'reInTheMoney:HowMuchDoTheMoviesWeLoveMake?VisualizingTheRacialDivideCompositionofChurchMembershipbyState:1890ProportionofForeignBorninLargeCities:1900http://vallandingham.me/vis/jobs_by_state.htmlLicenseUsageDashboard
http://www.healthmetricsandevaluation.org/tools/data-visualizations
USHealthMapGBDCompareMortalityVisualizationCODVisualizationGBDHeatmapGBDArrowDiagramGBDUncertaintyVisualizationGBDCausePatternsGBD2010healthyyearslostvslifeexpectancyLifeexpectancybycountyandsex(US)withcountrycomparisonDevelopmentassistanceforhealthbyhealthfocusareaDevelopmentassistanceforhealthbychannelofassistance
Who'sLikeTatum?UKTemperature1910-2014F1TimelineWimbledon2013WhatMakesUsHappy?DomesticEnergyConsumptionD3EnterandExit(UndertheHood)TwoTables(UnderstandingD3Selections)
HierarchicalBarChartGroupedBarChartStackedBarChartReorderableStackedBarChartDynamicBarChartsSortablebars:Foreignaid,corruptionandinternetuse-NikhilSonnadGroupedandStackedBarChartWaterfallChartDual-scaleBarChartDivergingStackedBarChartHorizontallyGroupedBarChart
ReusableInterdependentInteractiveHistograms(demo)HistogramChartFixed-widthHistogram,Irwin–HalldistributionFixed-widthHistogramofDurations,log-normaldistributionVariable-widthHistogram
AxisComponentSmallMultiplesSparklinesInteractiveLineGraphComprehensiveLineGraphDualscalelinechartHorizonChartLineChartwithtooltipsStackedlayoutwithtimeaxisMultipleAreaChartswithD3.JSMultipletime-serieswithobjectconstancy-NikhilSonnadOverlappeddistributionAreachart-NarayanaSwamy
ReusablePieCharts(demo)PieMultiples/PieMultipleswithNestingPieChartUpdating(Part1)(Part2)HierarchicalPieChart-AndreasDewes
ScatterplotforK-MeansclusteringvisualizationAnimatedbubblechartsforschooldataanalysisScatterplotandHeatmapScatterplot:Socialtrustvseaseofdoingbusiness-NikhilSonnadExploreMatrixDatawithScatterplotsk-Nearest-NeighborSearchwithQuadtree
AnimatedSankeyDiagram(alluvial)SankeydiagramwithcyclesSankeyGenerator-DenesCsalaVerticalSankey-BenLoganParallelCoordinatesParallelcoordinateswithfisheyedistortionParallelSetsParallelSetswithreorderableheadingPairContributionandSelection-JesseHeitlerGraphicbaseball:2012Battersand2012Pitchers-WillTurman
SunburstLayoutwithLabelsSunburst:CoffeeFlavourWheelPartitionLayout(ZoomableIcicle)Sunburst:Colorschemerwithparse.comintegrationUsingasunbursttoanalyzesequencesofeventsZoomablesunburstwithupdatingdataSunburstforyourskillmapSunburstbilevelpartitionwithtooltipsSunburst:Carrot2documentclusteringoutput
SymbolsCustomForcesMultipleFociMultiFociwithConvexHullsNodessnappingtofourcoloredclustersImagesandLabelsDragandDropSupporttosetnodestofixedpositionwhendroppedInteractiveConstructionCollapsibleHierarchyFromXMLFromMatrixMarketformatDirectedEdges(CurvesandArrowMarkers)BoundedForceLayoutForce-BasedLabelPlacementGroupsandLabelsshowingrelationsoffootballplayersparticipatinginEuro2012ChicagoLobbyistsHackerNewsVisualisationWebperformance2011InternationalPhoneTrafficGravitybyDisqusNavigatesitebytagsfocusInteractiveprocessmapanddocumentationScatterplotwithCSSSpritesandInteractionClusteringaForcelayoutwithaQuadtreeScalesinourSolarSystemConnectomeexplorerforthe"brain"ofC.elegansOntologyVisualization(VOWL)
BuildingatreediagramRevealanimationonatreewithaclippathCollpase/expandnodesofatreePedigreeTreeAnimatedCollapsibleCollapsible,withLabelsIndentedTree(Collapsible)Vertical,CollapsibleWikipediaTree
ConnectionsintimeVoronoiDiagramwithForceDirectedNodesandDelaunayLinksBuildingCubicHamiltonianGraphsfromLCFNotationCirculartree.WillyourteamwintheNCAATournament?BracketLayoutSCIONsimulationenvironmentTreemapLayoutinSVGCirculartreeofd3srcusingburrow()forrecursivenestingCirculartreecomparingthesrcdirectoryforthreeversionsofd3InteractivevisualizationthatshowschangesintheinternalnodetreeofaquadtreeaspointsareaddedHowaquadtreeiscreatedDescendantstreeofcirclenodesusingthepacklayout
FootballpassesSelectiesEK2012RemittanceflowsDependenciesBetweenClassesUberRidesbyNeighborhoodUpdatingdataUpdatingdataFadeonHoverFadeonHoverFadeonHoverStaticStaticChordLayoutTransitionsCo-AuthorsChordsVisualizingOverlappingSets-BerndLandauerVisualizingPackageDependenciesSwitchingbehaviorbetweenphonebrandsoftheDutchandCodeBeerViz-VisualizingBeersandtheirrelationsExplainingaChordDiagramwithAnimation&StorytellingRefugeeflows-2dynamicchorddiagramsupdatedsimultaneously
Click-to-ZoomwithAlbersProjectionVariation:heat-mapofpetitionsignaturecount
GoogleMapsPolymaps
SignupSignup SigninThisrepository Search
1,604 39,537 10,191Watch Star Forkmbostock / d3
Pages 70
FindaPage…
Home
3.0
3.1
API����
APIReference
APIReference(русскоязычнаяверсия)
Api��
Arrays
Behaviors
BundleLayout
ChordLayout
ClusterLayout
CNHome
Colors
Core
Show55morepages…
https://github.com/mbostock/d3.wiki.git
VisualIndex
BasicCharts
Techniques,Interaction&Animation
Maps
Examples
Collections
TheNewYorkTimesvisualizations
JeromeCukier
JasonDavies
JimVallandingham
InstituteforHealthMetricsandEvaluation
PeterCook
ChartsandChartComponents
BarChart
Histogram
LineandAreaChart
PieChart
ScatterplotandBubblechart
ParallelCoordinates,ParallelsetsandSankey
SunburstandPartitionlayout
ForceLayout
Tree
MiscTreesandGraphs
ChordLayout(CircularNetwork)
Maps
PolymapswithcustomtilerMapfromGeoJSONdatawithzoom/panMapsandsoundChoroplethclassificationsystemsChoroplethwithinteractiveparametersforNYCdatavisualization,codeMercatorandAlberstoOrthographicProjectionNon-ContiguousCartogramReusablenon-contiguouscartogramwithforcelayoutFlowsofrefugeesbetweentheworldcountriesin2008Interactiveazimuthalprojectionsimulatinga3DearthwithstarsCalculatingquadtreeboundingboxes,veronoipolygons,delaunaypolygonsanddisplayingtheminleafletProjectionTransitionsandComparingMapProjectionsCompositeMapProjectionWorldBoundariesTopoJSONMapbox:addvectorfeaturestoyourmapwithD3DataMaps:Interactivemapsfordatavisualizations.-MarkDiMarcoWe♥France:transitionbetweentheHexagonandaheartCartogram.js:ContinuousAreaCartograms-ShawnAllenEarthquakesinChilesince1900(Github)-PabloNavarroChoroplethofWhiteHousePetitionSigners-AdamPearceInteractivechoroplethoflifeexcpectancy–KarelMinarikChoroplethofcommonwords-ezGlotIndiapopulation-LijiJinarajUSSenateandHouseLegislatorTermsHexbinsinLeafletInteractivesvgmapusingD3circlesandtransitions-VladMoldoveanuZipDecode-NelsonMinar(afterBenFry)Interactivechoropleth:SanFranciscovoterturnoutandthe1989earthquake-GarrettGlasgowVisualizingtransitdataAsia'sDeadliestConflicts(interactivemapwithtimeline)All2012USflightsfromGoogleFusionSanFranciscoContours-LijiJinarajGlobalOilProduction&Consumptionsince1965-TimoGrossenbacherNielsenMediaMarkets-SimonZoud3.micromaps—AnimplementationofLinkedMicromapsPlots(D.Carretal.)byManuelAristaránVisualizationofthePersecutionoftheBaha'icommunityinIranusingd3.js,leafletandCrossfilter-JérômeGagnon-VoyerVisualizationofthePersecutionoftheBaha'icommunityinIranusingd3.js,leafletandCrossfilter-JérômeGagnon-VoyerLiveIntelMapforEVEOnline-JérémieRoyRGB-plotandHumanDevelopmentIndexMap-DenesCsalaÉlectionsdépartementalesenAlsace:découvrezvoscandidats-Rue89StrasbourgReligionsofRomaniavisualizedoncolorwheels-DenesCsalaTheglobalcenterofmassofhighereducation:universityrankingsmapped-DenesCsalaColorfulDevelopment:2InteractiveColorwheels+ZoomableWorldMap-DenesCsalaAccesstoWaterSupplyandSanitation(JMPWHO/UNICEF)-Animated/Map+Chart-BrunoRaimbault
VennDiagramusingClippingVennDiagramusingOpacityMarimekkoChartGaugeChernofffacesandChernofffacesexample:happyplanetindexSwimlaneChartPictogramsSmokechartsandsourcecodeSankeyDiagramwithOverlapHierarchicalEdgeBundlingSpiralforJohnHunterHexagonalHeatmapsfore.g.SelfOrganizingMaps(SOM)andcode
SuperformulaExplorerSuperformulaTweeningLTEProtocolvisualizationOMGParticles!LineTensionSegmentedLinesandSlopeColoringRaindropsWeeknd3ExplosionsLinearGradientsForceDirectedStatesofAmericaRoundedRectanglesSpermatozoaSpline,ZoomandPanArcTweensShowReelVVVVviewerMergeSortEpicyclicGearingDOM-to-CanvasTransformTransitionsSquareCircleSpiralIllusionAdventuresinD3TimeSeriesVoronoi-basedpointpickerRadarchartDragrectangleElasticcollisions(http://bl.ocks.org/1706849)Collision-basedrankingsCollider-ad3.jsgamealpha-shapesakaconcavehullsConway'sGameoflifeasascrollingbackgroundSimpleDashboardExampleDataflowprogrammingwithD3andBlocklyXKCD-styleplotsViolin:InstrumentingJavaScriptRotatinghypercubeinorthogonalprojectionandparallelcoordinatesWebplatformdancinglogoMetroMapsoftheNewsLifeexpectancy:smallmultiplesSemi-manualforcelayoutofcablegatereferencegraphsDigitalClockByVirtualForceRadarChartorSpiderChartBattleStatisticsfromtheMMOgameWorldofTanks-GarrettGlasgowTendulkar'sRiseandFallDijkstraalgorithmsolvesthesingle-sourceshortestpathproblem-EricLafargue
ParallelCoordinatesandrepositoryChernofffaces,Fisheye,Geodesicgrid,Hiveplot,Horizonchart,Sankeydiagram,ParallelSetsScatter,TimeSeries,andBoxPlotsWordCloudProgressiveWordCloudvisualisingBloombergfinancialnewsMathJaxlabelSimpletableLegendSimpleReusableBarChartPolygonalLassoSelectionFloorPlanMapStreamgraphanInteractiveversionHistogramCircularheatchartWordTreeSimpleXYLineChartOHLC/CandlestickStockComparison
CorrectzoomforlayoutDateTicksMaskingwithexternalsvgelementsPJAXTableSortingAutomaticallysizingtextTemplatingalaMustache,withChernofffacesexampleBayAreaearthquakeresponsesbyzipcode:loadingexternalfilethroughYahooPipesSimpleHTMLdatatablesResponsiveSVGresizingwithoutre-renderingAutomaticfloatinglabelsusingd3force-layoutLongScrollCustomLineInterpolationExporttoSVG/PNG/PDFserver-sideusingPerlConstraintrelaxation1and2CustomPathandAreaGeneratorAxisExamplesLoadingAdobePhotoshopASEcolorpaletteRendersever-sideusingPhantomjsReusabletextrotationBieberFeverMeterwithHTML5′sWebSocket,d3.jsandPusher-OllieGlassReverseGeocodingPlug-inusinganofflinecanvasCustomMultiScaleTimeFormatAxis-MikeBostock
IPython-Notebookwithd3.jsPlottinglibraryforpythonbasedond3mpld3:d3visualizationsofmatplotlib(python)plotsVisualizingNetworkXgraphsinthebrowserusingD3Pushingd3commandstothebrowserfromiPythonDance.js:D3withBackboneandData.jsBackbone-D3(Python)PandasintegrationviaDjangoRESTPandasandwq/pandas.jsViewingOpenLearnMindmapsUsingd3.jsSplayTreeanimationwithdart,d3,andlocalstorageSankeydiagramsfromExcel-BruceMcPhersonPlotsk:Apython/coffeescript/d3.js-basedlibraryforplottingdatainawebbrowserDatavisualizationwithD3.jsandpythond3.jsforcediagramsstraightfromExcel-BruceMcPhersonInstantinteractivevisualizationwithd3+ggplot2d3.jsforcediagramswithmarkersstraightfromExcel-BruceMcPhersonVisualisingareal-timeDataSiftfeedwithNodeandD3.jsVerylimited,in-progressattempttohookd3.jsuptothree.jsSVGtoCanvastoPNGusingCanvgCanvaswithd3andUnderscoreAutomaticallysizingtextSVGtoCanvasd3renderedwithRaphaelJSforIECompatibilityd34raphaelD3graphicsinaPergolaSVGUIVisualisingConAirDataWithCubism.js(Arduino,TempoDB,Sinatra)RenderGeographicInformationin3DWithThree.jsandD3.jsD3heatmapusingBackbone.jsandCoffeeScript-NachoCaballeroVisualizinganetworkwithCypherandd3.jsggplot2+d3=r2d3UsingtheD3.jsVisualizationLibrarywithAngularJS-BrianFordZoomablePartitionChartsdirectlyfromExcel-BruceMcPhersonSHEETSEE.JS:FillupWebsiteswithStufffromGoogleSpreasheet-JessicaLordWebreportingwithD3jsandRusingRStudioShiny-klr@timelyportfolioDextheDataExplorer-PatrickMartind3.jspartitionchartservingdatafromparse.com-BruceMcPhersonForcedirectednodefocusgeneratedfromExcel-BruceMcPhersonUSAirlineperformancebigdatadirectfromGoogleFusion-BruceMcPhersonForcedirectedsiteconceptbrowser-BruceMcPhersonAccessingtheQuandldatabaseaggregatorwithD3-DenesCsalaHowisaD3.jsvisualizationmade?–theroadfromCSVtoSVG-DenesCsalaVisualizingAppsScriptlibrarydependencieswithwithD3-BruceMcPhersonD3kit-D3KitisasettoolstospeedD3relatedprojectdevelopmentfromTwitterdevteam
BarchartcodegeneratorandonlineeditorD3barchartonlineeditor-ChineseLivecodingbasedonBretVictor'sInventingonPrincipletalkTributaryD3.jsplaygroundACoffeeScriptconsoleford3.jsvisualizationCSSdeck:Repulsionexample8x8MatrixDesigner
InfoCaptor:TableaulikeDragandDropD3ChartBuilderBitdeli:CustomanalyticswithPythonandGitHubChart.io:TheEasiestBusinessDashboardYou'llEverUseCube:TimeSeriesDataCollection&AnalysisDatacopia.com:Automateddatavisualization,Charts,andAnalysisDropTask:VisualtaskmanagementapplicationusingD3forvisualsExploreAnalytics:cloud-baseddataanalyticsandvisualizationFastMultidimensionalFilteringforCoordinatedViewsFreeChartBuilderinthecloudMeshuturnsyourplacesintobeautifulobjects.Mohiomap:AVisualMemoryforEvernoteMortgageBloomCalculatorNodalisafunwaytoviewyourGitHubnetworkgraph-JesseVogt,MattStockton,andKrisGösserPlot.io(swallowedbyPlatfora)Polychart:Abrowser-basedplatformforexploringdataandcreatingchartsReportsforSimpleTrisulNetworkAnalyticUbiqAnalytics:MySQLAnalytics&ReportingmadeeasyBranch:ExploreBiologicalDatawithDecisionTrees
PresentationNext:AWindows8HTML5/SVGPresentationBuilder
Dc.jsNVD3DimpleC3:D3-basedreusablechartlibraryCubism.js:TimeSeriesVisualizationCrossfilterRickshaw:JavaScripttoolkitforcreatinginteractivereal-timegraphswq/chart.js:SimplereusabletimeserieschartsandboxplotsDynamicVisualizationLEGOxCharts:aD3-basedlibraryforbuildingcustomchartsandgraphsVisualSedimentation.js:visualizingstreamingdata,inspiredbytheprocessofphysicalsedimentationInsights:InteractiveForceGraphComponentLepracursor,ad3.jsbasedlibrarywhichaddsavirtualpointertothepagethatgrowsinnumberwitheveryclickiopctrl.js:UserinterfacecontrolsandgaugesMetricsGraphics.js:Alibraryoptimizedforvisualizingandlayingouttime-seriesdata-AliAlmossawiandHamiltonUlmermatta:d3.jschartsintheIPythonnotebook.TechanJS:Financialchartingandtechnicalanalysis-candlestick,ohlcandothertechnicalanalysistoolsBlackHole.js:youcanmakethesamevisualizationsuchasGitHubVisualizerandWBCAVega:AVisualizationGrammarbuiltonD3
InsanityisanD3jsbasedonlinegamedevelopedtotrainpeople'sreactiontimeandawareness.Tryithere:http://insanity.jkozlovsky.cz/CureisanD3jsbasedgamethatutilizescrowdsourcingtoaidinselectinggenesthatarepredictiveofbreastcancerrecurrence.Tryithere:http://genegames.org/cure/
arcdiagramgantt,othertimelinesandtimingdiagramfibonacciscaledatatable(maybetheairlinetableatthebottomofthecrossfilterexample?)hypergraph
MiscCharts
Miscellaneousvisualizations
ChartsusingthereusableAPI
Usefulsnippets
Tools
Interoperability
OnlineEditors
Products
StoreApps
Libraries
Games
WishList
Status API Training Shop Blog About Help©2015GitHub,Inc. Terms Privacy Security Contact