Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/eric-erki/awesome-d3

A list of D3 libraries, plugins and utilities
https://github.com/eric-erki/awesome-d3

List: awesome-d3

Last synced: about 1 month ago
JSON representation

A list of D3 libraries, plugins and utilities

Awesome Lists containing this project

README 

        
# Awesome D3 [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)



This list keeps track of interesting [D3js](http://d3js.org) libraries, plugins and utilities.


We decided not to list tutorials, resources or concepts here, because there is already a **[very good list of readings](https://github.com/mbostock/d3/wiki/Tutorials)** out there you can check out and contribute to.



Curators: [Moritz Klack](https://twitter.com/moklick) and [Christopher Möller](https://twitter.com/chrtze) of [webkid.io](http://www.webkid.io)



You can also explore the list with our interactive [D3 Discovery](https://d3-discovery.net/) tool.



## Charts



- [billboard.js](https://github.com/naver/billboard.js) - Re-usable chart library [bar, line, area, donut, pie, step, spline]

- [britecharts](https://github.com/eventbrite/britecharts/) - Client-side reusable charting library [bar, line, donut, sparkline, step]

- [chart-parts](https://github.com/Microsoft/chart-parts) - A flexible, React-friendly, Grammar of Graphics for data visualization

- [cirrusjs](https://github.com/planet-os/cirrusjs) - A multi-renderer charts library [area, line, stacked]

- [cubism](https://github.com/square/cubism) - Time series visualization

- [c3](https://github.com/c3js/c3) - Reusable chart library [line, spline, step, area, stacked, bar, pie, donut]

- [dagre-d3](https://github.com/dagrejs/dagre-d3) - Layout directed graphs on the client-side

- [dc.js](https://github.com/dc-js/dc.js) - For heavy amounts of data

- [dimple](https://github.com/PMSI-AlignAlytics/dimple) - An object-oriented API for business analytics [bubble, area, stacked]

- [d2b](https://github.com/d2bjs/d2b) - Chart library for axis, pie, sankey, sunburst charts

- [d3.chart](https://github.com/misoproject/d3.chart) - Framework for building reusable charts

- [d3.chart.sankey](https://github.com/q-m/d3.chart.sankey) - Reusable D3 Sankey diagram

- [d3-bar](https://github.com/tj/d3-bar) - Bar chart

- [d3-beeswarm](https://github.com/Kcnarf/d3-beeswarm) - Plugin which computes a beeswarm arrangement

- [d3-boxplot](https://github.com/akngs/d3-boxplot) - d3js box plot plugin

- [d3-bumps-chart](https://github.com/johnwalley/d3-bumps-chart) - Plugin for visualizing bumps charts

- [d3-circle](https://github.com/tj/d3-circle) - Circle chart [donut]

- [d3-dag](https://github.com/erikbrinkman/d3-dag) - Layout algorithms for visualizing directed acylic graphs

- [d3-dot](https://github.com/tj/d3-dot) - Dot chart

- [d3-ez](https://github.com/jamesleesaunders/d3-ez) - Easy Reusable D3 Charts & Components [bar, donut, pie, bubble, rose, heatmap]

- [d3-flame-graph](https://github.com/spiermar/d3-flame-graph) - Flame graphs from hierarchical data

- [d3-funnel](https://github.com/jakezatecky/d3-funnel) - A funnel and pyramid chart library

- [d3-gridding](https://github.com/romsson/d3-gridding) - Chart mockups using grids

- [d3-heatmap](https://github.com/tj/d3-heatmap) - Heatmap

- [d3-horizon-chart](https://github.com/kmandov/d3-horizon-chart) - Horizon charts module

- [d3-line](https://github.com/tj/d3-line) - Line chart

- [d3-message-sequence](https://github.com/koudelka/d3-message-sequence) - A dynamic/static message sequence chart

- [d3-timeline](https://github.com/commodityvectors/d3-timeline) - responsive timeline charts

- [d3-timeseries](https://github.com/mcaule/d3-timeseries) - Time series charting library

- [d3-x3d](https://github.com/jamesleesaunders/d3-x3d) - Data Driven 3D Charts with D3 and X3D [bubble, bar, surfacearea, scatterplot, area]

- [d3fc](https://github.com/d3fc/d3fc) - A collection of interactive chart components [line, bar, stacked, scatter, candlestick, ohlc]

- [d3plus](https://github.com/alexandersimoes/d3plus) - Extension library for easy creation of visualizations [scatter, stacked, line, bar, pie, network, bubble, box, map]

- [d3panels](https://github.com/kbroman/d3panels) - Interactive charts with linked brushing [dot, scatter, line, heatmap, histogram]

- [d3pie](https://github.com/benkeen/d3pie) - A configurable pie chart lib and generator

- [D3xter](https://github.com/NathanEpstein/D3xter) - Straight forward plotting [plot, timeline, bar, histogram, pie]

- [D4](https://github.com/heavysixer/d4) - Re-usable charts DSL [bar, donut, line, scatter, stacked, waterfall]

- [dTree](https://github.com/ErikGartner/dTree) - Family tree library

- [epoch](https://github.com/epochjs/epoch) - A general purpose, real-time visualization library [area, bar, line, pie, scatter]

- [EventDrops](https://github.com/marmelab/EventDrops) - A time based/event series interactive visualization

- [Fancycharts.js](https://github.com/ahoiin/Fancycharts.js) - Library to visualize percentage values [bar, circles, donut]

- [firespray](https://github.com/boundary/firespray) - Streaming charts [bar, line, stacked]

- [forest-d3](https://github.com/robinfhu/forest-d3) - A time series charting library [line, area, stacked, bar, scatter, pie ohlc]

- [Gantt-Chart](https://github.com/dk8996/Gantt-Chart) - Gantt chart library

- [insights](https://github.com/ignacioola/insights) -  Library to visualize and navigate graphs

- [kotojs](https://github.com/kotojs/kotojs) - ES6 based framework

- [metrics-graphics](https://github.com/metricsgraphics/metrics-graphics) - Optimized for visualizing time-series data [line, scatter, area]

- [micropolar](https://github.com/biovisualize/micropolar/) - A polar chart library

- [mpld3](https://github.com/mpld3/mpld3) - Export matplotlib graphics to work in the Browser

- [neo4jd3](https://github.com/eisman/neo4jd3) - Neo4j graph visualization

- [nvd3](https://github.com/novus/nvd3) - Re-usable charts and chart components [box plot, buttlet, candlestick, line, bar, pie, scatter, sparkline]

- [oecd-simple-charts](https://github.com/oecd-cyc/oecd-simple-charts) - Simple charting library [box plot, stacked bar, pearl chart]

- [peek](https://github.com/mtmacdonald/peek) - Object-oriented chart library [scatter, line, area, bar, pie, donut]

- [plotly.js](https://github.com/plotly/plotly.js/) - High level charting library [scatter, line, bar, pie, box plot, histogram, heatmap]

- [plottable](https://github.com/palantir/plottable) - Flexible, interactive charts for the web [area, bar, line, pie, scatter, stacked]

- [radar-chart-d3](https://github.com/alangrafu/radar-chart-d3) - Radar chart module

- [rickshaw](https://github.com/shutterstock/rickshaw) - Toolkit for creating interactive real-time graphs [line, scatter, bar]

- [taucharts](https://github.com/TargetProcess/tauCharts) - Charts with a focus on design and flexibility [line, bar, area, stacked]

- [techan.js](https://github.com/andredumas/techan.js) - A visual, stock charting and technical analysis [candlestick, ohlc]

- [uvCharts](https://github.com/imaginea/uvCharts)  - Supports lots of different chart types [bar, area, pie, stacked, line, polar, donut]

- [vega](https://github.com/vega/vega) - A visualization grammar

- [vega-lite](https://github.com/vega/vega-lite) - A high-level grammar of interactive graphics

- [vega-lite-api](https://github.com/vega/vega-lite-api) - A JavaScript API for Vega-Lite.

- [venn.js](https://github.com/benfred/venn.js) - Area proportional Venn and Euler diagrams

- [visavail](https://github.com/flrs/visavail) - Time data availability visualization

- [vizabi](https://github.com/vizabi/vizabi) - A framework for building visual data exploration tools [bubble, map, line, bar, sankey, donut]

- [WebCola](https://github.com/tgdwyer/WebCola) - Layout for graph visualization and exploration

- [xkcdgraphs](https://github.com/imkevinxu/xkcdgraphs) - Xkcd style graphs [line]



##### Third Party



- [angular-nvd3](https://github.com/krispo/angular-nvd3) - NVd3 for AngularJS [line, stacked, bar, area, scatter, bullet, donut]

- [d3act](https://github.com/AnSavvides/d3act) - d3 with React [bar, bubble, pie]

- [d3-simpleCharts](https://github.com/mrBigJS/d3-simpleCharts) - A d3 wordpress plugin

- [ember-charts](https://github.com/Addepar/ember-charts/) - Charts for Ember [line, bar, stacked, pie, scatter]

- [Layer Cake](https://layercake.graphics/) - A graphics framework built on top of Svelte.

- [line-chart](https://github.com/n3-charts/line-chart) - Line chart module for AngularJS [line, area, bar]

- [nivo](https://github.com/plouc/nivo) - Dataviz components for React with isomorphic ability [bar, line, area, bubble, chord, heatmap]

- [ngx-charts](https://github.com/swimlane/ngx-charts) - Chart framework for Angular [bar, pie, line, area, polar, stacked, bubble]

- [potion](https://github.com/finnfiddle/potion) - Collection of React components for composing visualizations

- [react-d3](https://github.com/esbullington/react-d3) - Charts for React [area, bar, candlestick, line, pie, scatter]

- [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components [bar, stacked, scatter, line, area, pie]

- [react-d3-library](https://github.com/react-d3-library/react-d3-library) - Library to use D3 in React [area, bar, line, pie, scatter]

- [react-stockcharts](https://github.com/rrag/react-stockcharts) - Highly customizable stock charts [area, line, scatter, bubble, bar, stacked, candlestick]

- [react-vis](https://github.com/uber/react-vis) - A collection of react components to render visualizations [area, bar, heatmap, line, scatter]

- [recharts](https://github.com/recharts/recharts) - Re-designed charting library built with React

- [semiotic](https://github.com/emeeks/semiotic) - A data visualization framework combining React & D3 [scatter, line, area]

- [victory](https://github.com/FormidableLabs/victory) - Composable React components for building visualizations [area, bar, candlestick, pie, line, scatter, voronoi]

- [vx](https://github.com/hshoff/vx) - Visualization components for React [bar, line, scatter, stacked, area, pattern, heatmap, pie, radial, map, geo]

- [Vs](https://github.com/GopherJ/Vs) - Declarative visualisation components for Vue.js [bar, line, area, pie, donut, stacked, sankey, timeline]

- [v-chart-plugin](https://github.com/ignoreintuition/v-chart-plugin) - Easily bind a chart to the data stored in your Vue.js components.



## Maps



- [d3-carto-map](https://github.com/emeeks/d3-carto-map) - A mapping API that uses D3 geospatial functionality

- [d3-composite-projections](https://github.com/rveciana/d3-composite-projections) - Projections for showing countries' distant lands together

- [datamaps](https://github.com/markmarkoh/datamaps) - Customizable map visualizations in one file

- [d3-topogram](https://github.com/shawnbot/topogram) - Continuous area cartograms based on TopoJSON

- [d3-exploder](https://github.com/bsouthga/d3-exploder) - Lets you easily move and resize geographic features

- [d3-geo-polygon](https://github.com/d3/d3-geo-polygon) - Clipping and geometric operations for spherical polygons

- [d3-geo-projection](https://github.com/d3/d3-geo-projection) - Extended geographic projections

- [d3-geo-voronoi](https://github.com/Fil/d3-geo-voronoi) - Voronoi diagrams and Delaunay triangulation for the sphere

- [d3-geomap](https://github.com/yaph/d3-geomap) - Library for creating geographic maps

- [d3.geo2rect](https://github.com/sebastian-meier/d3.geo2rect) - Morphing geojson polygons into rectangles

- [d3-inertia](https://github.com/Fil/d3-inertia) - An extension to d3-drag that continues the mouse movement with some inertia

- [earthjs](https://github.com/earthjs/earthjs) - Building orthographic globe with SVG, Canvas & WebGL

- [mapmap.js](https://github.com/floledermann/mapmap.js) - A data-driven API for interactive thematic maps

- [mapsense.js](https://github.com/mapsense/mapsense.js) - Full resolution vector maps with D3

- [maptable](https://github.com/Packet-Clearing-House/maptable) - Convert datasets to a set of visual components (Map, Filters, Table)

- [simple-map-d3](https://github.com/MinnPost/simple-map-d3) - Easy choropleth style maps

- [spam](https://github.com/newsappsio/spam) - Create maps with D3 and Canvas, easily



##### Third Party



- [leaflet-d3](https://github.com/Asymmetrik/leaflet-d3) - Collection of plugins for using D3 with Leaflet [map, geo]

- [react-d3-basic](https://github.com/react-d3/react-d3-basic) - Library For Building Composable And Declarative Maps [map, geo]

- [Wikimaps-D3js Atlas](https://github.com/WikimapsAtlas/WikimapsAtlas-generator) - CLI to generate raster, topojson and svg maps [map, geo]

- [react-simple-maps](https://github.com/zcreativelabs/react-simple-maps) - An SVG mapping component library for React, built on top of d3-geo [map, geo]



## Utils



- [crossfilter](https://github.com/crossfilter/crossfilter) - Library for exploring large multivariate datasets

- [d3kit-timeline](https://github.com/kristw/d3kit-timeline) - Timeline component that labels do not overlap

- [d3scription](https://github.com/GlobalWebIndex/d3scription) - Tooltip with window edge collision detection

- [d3-annotation](https://github.com/susielu/d3-annotation) - Annotaion helper with built-in annotation types

- [d3-area-label](https://github.com/curran/d3-area-label) - A library for placing labels in areas

- [d3-breadcrumbs](https://github.com/bumbeishvili/d3-breadcrumbs) - Simplifies breadcrumbs usage

- [d3-component](https://github.com/curran/d3-component) - Lightweight component abstraction

- [d3-extended](https://github.com/wbkd/d3-extended) - Extends d3 with some common jQuery functions

- [d3-helpers](https://github.com/bahmutov/d3-helpers) - Little utility functions

- [d3-history](https://github.com/vijithassar/d3-history) - Proper URL bar history

- [d3-hsluv](https://github.com/petulla/d3-hsluv) - Human-friendly HSL (Hue, Saturation, Lightness) color space.

- [d3-iconarray](https://github.com/tomgp/d3-iconarray) - A plug-in for aligning elements in grids

- [d3-jetpack](https://github.com/gka/d3-jetpack) - Nifty convenience wrappers that speed up your daily work

- [d3-Labeler](https://github.com/tinker10/D3-Labeler) - Plug-in for automatic label placement

- [d3-lasso](https://github.com/skokenes/d3-lasso) - Tag elements by drawing a line over or around objects

- [d3-legend](https://github.com/susielu/d3-legend) - Legend helper

- [d3-loom](https://github.com/nbremer/d3-loom) - Plugin to create a "loom" visualization

- [d3-nelson-rules](https://github.com/53seven/d3-nelson-rules) - Apply nelsons rules of process control to a set of data

- [d3-peaks](https://github.com/efekarakus/d3-peaks) - Find peaks in a noisy signal

- [d3-ring-note](https://github.com/armollica/d3-ring-note) - Plugin for placing circle and text annotations

- [d3-scale-cluster](https://github.com/schnerd/d3-scale-cluster) - Scale that clusters data into discrete groups

- [d3-sparql](https://github.com/zazuko/d3-sparql) - Utility for accessing data from SPARQL Endpoints

- [d3-slider](https://github.com/MasterMaps/d3-slider) - jQuery UI inspired slider

- [d3-starterkit](https://github.com/1wheel/d3-starterkit) - Helper functions simplifying common and verbose d3 patterns

- [d3-template](https://github.com/ErikOnBike/d3-template) - Plugin to create and render templates using D3's data binding mechanism

- [d3-tip](https://github.com/Caged/d3-tip) - Tooltip helper

- [d3-tipy](https://github.com/tj/d3-tipy) - Tooltip helper

- [d3-tooltip](https://github.com/bumbeishvili/d3-tooltip) - Arrow shaped tooltip with shadows and dynamic content

- [d3-trail](https://github.com/bmschmidt/D3-trail) - A layout for creating better path elements

- [d3-voronoi-treemap](https://github.com/Kcnarf/d3-voronoi-treemap) - Computes a treemap based on a Voronoi tesselation

- [d3-xray](https://github.com/vijithassar/d3-xray) - Bookmarklet that logs results of the data joins as you mouse over

- [d3.svg.circularbrush](https://github.com/emeeks/d3.svg.circularbrush) - A brush for selecting cyclical data

- [d3.svg.ribbon](https://github.com/emeeks/d3.svg.ribbon) - An area interpolator

- [d3kit](https://github.com/twitter/d3kit) - A set of tools to speed D3 related project development

- [iopctrl](https://github.com/metormote/iopctrl) - Lib for making simple user interface controls

- [kodama](https://github.com/DarkMarmot/kodama) - Tooltip Plugin

- [swoopyarrows](https://github.com/bizweekgraphics/swoopyarrows) - Plugin to create swoopy arrows

- [swoopy-drag](https://github.com/1wheel/swoopy-drag) - Artisanal label placement for d3 graphics

- [textures](https://github.com/riccardoscalco/textures) - SVG patterns for data visualization



## Miscellaneous



- [chess-dataviz](https://github.com/ebemunk/chess-dataviz) - Chess dataviz library

- [codeflower](https://github.com/fzaninotto/CodeFlower) - Bird's eye view of the whole code

- [comic.js](https://github.com/balint42/comic.js) - Cartoon style drawing. Works also for canvas, Raphael & SVG.js

- [dragit](https://github.com/romsson/dragit) - A toolkit to enable the manipulation of data graphics

- [d3moji](https://github.com/mathisonian/d3moji) - First class emoji support

- [d3-cloud](https://github.com/jasondavies/d3-cloud) - Word clouds

- [d3-context-menu](https://github.com/patorjk/d3-context-menu) - Helper to create context-menus

- [d3-force-gravity](https://github.com/sohamkamani/d3-force-gravity) - Implement gravitational attraction (or force-field-like repulsion)

- [d3-force-reuse](https://github.com/twosixlabs/d3-force-reuse) - Faster force-directed graph layouts by reusing force approximations

- [d3-resume](https://github.com/glena/d3-resume) - Resume visualizer

- [d3.sketchy](https://github.com/sebastian-meier/d3.sketchy) - Creates sketchy backgrounds, shapes and lines

- [d3plus-text](https://github.com/d3plus/d3plus-text) - Smart SVG text box with line wrapping and automatic font scaling

- [graph-scroll](https://github.com/1wheel/graph-scroll) - Simple scrolling events

- [jsdoc2diagram](https://github.com/amcmillan01/jsdoc2diagram) - Create tree diagram from jsdoc

- [mermaid](https://github.com/knsv/mermaid) - Generation of diagrams and flowcharts from text in a markdown style

- [netvis](https://github.com/dborzov/netvis) - Visualize network communication for arbitrary protocols

- [treeviz](https://github.com/PierreCapo/treeviz) - Create customizable trees from json data

- [twitter-sentiment-visualisation](https://github.com/Lissy93/twitter-sentiment-visualisation) - A series of D3.js charts showing realtime sentiment of Twitter data  



## Server side

- [d3-node](https://github.com/d3-node/d3-node) - Static chart and map generation

- [Kyrix](https://github.com/tracyhenry/Kyrix) - Interactive pan/zoom Visualizations with automatic server-side scaling support. 



## Code Editors

- [d3-snippets](https://github.com/martgnz/d3-snippets) - Snippets for Atom

- [d3-snippets-for-sublime-text-2](https://github.com/fabriciotav/d3-snippets-for-sublime-text-2) - Snippets for Sublime

- [d3Snippets](https://github.com/Ledragon/d3Snippets) - Snippets for VS Code



## Bl.ocks.org Profiles



 * [Adam Pearce - 1wheel](https://bl.ocks.org/1wheel)

 * [Colin Eberhardt - ColinEberhardt](https://bl.ocks.org/ColinEberhardt)

 * [Harry Stevens - HarryStevens](https://bl.ocks.org/HarryStevens)

 * [Luis Sevillano - LuisSevillano](https://bl.ocks.org/LuisSevillano)

 * [Peter Cook - d3indepth](https://bl.ocks.org/d3indepth)

 * [Elijah Meeks - emeeks](https://bl.ocks.org/emeeks)

 * [Ian Johnson - enjalot](https://bl.ocks.org/enjalot)

 * [Philippe Rivière - fil](https://bl.ocks.org/fil)

 * [Mike Bostock - mbostock](https://bl.ocks.org/mbostock)

 * [Matteo Filipponi - mfilippo](https://bl.ocks.org/mfilippo)

 * [Micah Stubbs - micahstubbs](https://bl.ocks.org/micahstubbs)

 * [Nadieh Bremer - nbremer](https://bl.ocks.org/nbremer)

 * [Matteo Abrate - nitaku](https://bl.ocks.org/nitaku)

 * [Susie Lu - susielu](https://bl.ocks.org/susielu)

 * [Shirley Wu - sxywu](https://bl.ocks.org/sxywu)

 * [Kai Chang - syntagmatic](https://bl.ocks.org/syntagmatic)

 * [Tom Shanley - tomshanley](https://bl.ocks.org/tomshanley)

 * [Vasco Asturiano - vasturiano](https://bl.ocks.org/vasturiano)

 * [Noah Veltman - veltman](https://bl.ocks.org/veltman)

 * [Zan Armstrong - zanarmstrong](https://bl.ocks.org/zanarmstrong)