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