Skip to content

Latest commit

 

History

History
180 lines (161 loc) · 14.3 KB

README.md

File metadata and controls

180 lines (161 loc) · 14.3 KB

Awesome D3 Awesome

This list keeps track of interesting D3js libraries, plugins and utilities.
We decided not to list tutorials, resources or concepts here, because there is already a very good list of readings out there you can check out and contribute to.

Curators: Moritz Klack and Christopher Möller of webkid.io

Charts

  • billboard - Re-usable easy interface JavaScript chart library, based on D3 v4+ (fork of C3)
  • britecharts - Client-side reusable Charting Library
  • bullet chart - Bullet chart
  • cirrus.js - A multi-renderer charts library
  • cubism - Time Series Visualization
  • cola.js - Layout for graph visualization and exploration
  • c3 - Reusable chart library
  • dagre-d3 - Layout directed graphs on the client-side
  • dc - For heavy amounts of data
  • dimple - An object-oriented API for business analytics
  • d3.chart - Framework for building reusable charts
  • d3.chart.sankey - Reusable D3 Sankey diagram
  • d3-bar - Bar chart
  • d3-beeswarm - Plugin which computes a beeswarm arrangement
  • d3-bumps-chart - Plugin for visualizing bumps charts
  • d3-circle - Circle chart
  • d3-dot - Dot chart
  • d3-heatmap - Heatmap
  • d3-line - Line chart
  • d3-flame-graph - Flame graphs from hierarchical data
  • d3-horizon-chart - Horizon charts module
  • d3-message-sequence - A dynamic/static message sequence chart
  • d3-timeline - responsive timeline charts
  • d3fc - A collection of interactive chart components
  • D3Funnel - A funnel and pyramid chart library
  • d3panels - Interactive charts with linked brushing
  • d3pie - A configurable pie chart lib and generator
  • D3xter - Straight forward plotting
  • d3 timeseries - Time series charting library
  • D4 - Re-usable charts DSL
  • dTree - Family tree library
  • epoch - A general purpose, real-time visualization library
  • EventDrops - A time based/event series interactive visualization
  • fancycharts - Library to visualize percentage values
  • firespray - Streaming charts
  • forest-d3 - A time series charting library
  • Gantt-Chart - Gantt chart library
  • insights - Library to visualize and navigate graphs
  • metricsgraphics - Optimized for visualizing time-series data
  • micropolar - A polar chart library
  • mpld3 - Export matplotlib graphics to work in the Browser
  • neo4jd3 - Neo4j graph visualization
  • nvd3 - Re-usable charts and chart components
  • peek - Object-oriented chart library
  • plotly - High level charting library
  • plottablejs - Flexible, interactive charts for the web
  • pykcharts - Themeable, responsive, modular, real-time charts and 109+ maps
  • radar chart - Radar chart module
  • rickshaw - Toolkit for creating interactive real-time graphs
  • sankey - Plugin to create Sankey Diagrams
  • taucharts - Charts with a focus on design and flexibility
  • techanjs - A visual, stock charting and technical analysis
  • uvCharts - Supports lots of different chart types
  • vega - A visualization grammar
  • vega-lite - A high-level grammar of interactive graphics
  • venn.js - Area proportional Venn and Euler diagrams
  • visavail - Time data availability visualization
  • vizabi - A framework for building visual data exploration tools
  • xkcdgraphs - Xkcd style graphs
Third Party
  • angular-nvd3 - NVd3 for Angular
  • d3act - d3 with React
  • d3 simplecharts - A d3 wordpress plugin
  • ember charts - Charts for Ember
  • n3-charts - Charts for Angular
  • nivo - Dataviz components for React with isomorphic ability
  • numberpicture - Collection of React components for composing visualizations
  • react-d3 - Charts for React
  • react-d3-components - D3 Components
  • react-d3-library - Library that allows developers the ability to use D3 in React
  • react-stockcharts - Highly customizable stock charts
  • react-vis - A collection of react components to render common data visualization charts
  • recharts - Re-designed charting library built with React
  • semiotic - A data visualization framework combining React & D3
  • victory - A collection of composable React components for building interactive data visualizations
  • vx - Visualization components for React
Reusable Chart Frameworks

Maps

  • carto map - A mapping API that uses D3 geospatial functionality
  • composite-projections - Set of projections for showing countries' distant lands together
  • datamaps - Customizable map visualizations in one file
  • d3 cartogram - Cartograms with D3 & TopoJSON
  • d3 exploder - Lets you easily move and resize geographic features
  • d3 geo projection - Extended geographic projections
  • d3 geomap - Library for creating geographic maps
  • d3.geo2rect - Morphing geojson polygons into rectangles
  • earthjs.js - Easy building orthographic globe, using D3v4 with SVG, Canvas & WebGL(Threejs)
  • mapmap.js - A data-driven API for interactive thematic maps
  • mapsense.js - Full resolution vector maps with D3
  • maptable - Convert any dataset to a customizable set of visual components (Map, Filters, Table)
  • simple map - Easy choropleth style maps
  • spam - Create maps with D3 and Canvas, easily
Third Party
  • leaflet-d3 - Collection of plugins for using D3 with Leaflet
  • React D3 Map - Library For Building Composable And Declarative Maps
  • Wikimaps-D3js Atlas - Command line utility and D3js based library to generate raster, topojson and svg maps

Utils

  • chroniton - Time slider input for time-based visualizations and data
  • d3kit-timeline - Timeline component that labels do not overlap
  • d3scription - Tooltip with window edge collision detection
  • d3-annotation - Annotaion helper with built-in annotation types
  • d3-area-label - A library for placing labels in areas
  • d3-component - Lightweight component abstraction
  • d3-extended - Extends d3 with some common jQuery functions
  • d3-helpers - Little utility functions
  • d3-history - Proper URL bar history
  • d3-iconarray - A plug-in for aligning elements in grids
  • d3-kit - A set of tools to speed D3 related project development
  • d3-Labeler - Plug-in for automatic label placement
  • d3-lasso - tag elements on a page by drawing a line over or around objects
  • d3-legend - Legend helper
  • d3-loom - Plugin to create a "loom" visualization
  • d3-nelson-rules - Utility to apply nelsons rules of process control to a set of data
  • d3-peaks - Find peaks in a noisy signal
  • d3-plus - An extension to the D3 library that allows fast and easy creation of data visualizations
  • d3-ring-note - Plugin for placing circle and text annotations
  • d3-scale-cluster - Scale that clusters data into discrete groups
  • d3-sparql - Utility for accessing data from SPARQL Endpoints
  • d3-starterkit - Helper functions simplifying common and verbose d3 patterns
  • d3-tip - Tooltip helper
  • d3-tipy - Tooltip helper
  • d3-trail - A layout for creating better path elements
  • d3-xray - Bookmarklet which logs the results of the data joins as you mouse over
  • d3.slider - jQuery UI inspired slider
  • d3.svg.circularbrush - A brush for selecting cyclical data
  • d3.svg.ribbon - An area interpolator
  • iopctrl - Lib for making simple user interface controls
  • jetpack - Nifty convenience wrappers that speed up your daily work
  • kodama - Tooltip Plugin
  • swoopyarrows - Plugin to create swoopy arrows
  • swoopyDrag - Artisanal label placement for d3 graphics
  • textures - SVG patterns for Data Visualization

Miscellaneous

  • chess-dataviz - Chess dataviz library
  • codeflower - Bird's eye view of the whole code
  • comic.js - Cartoon style drawing (works also for canvas, Raphael & SVG.js)
  • dragit - A toolkit to enable the manipulation of data graphics
  • d3moji - First class emoji support
  • d3-cloud - Word clouds
  • d3-context-menu - Helper to create context-menus
  • d3-force-gravity - Implement gravitational attraction (or force-field-like repulsion) using d3-force
  • d3-resume - Resume visualizer
  • d3.sketchy - Creates sketchy backgrounds, shapes and lines
  • d3plus - An extension to D3 that allows fast and easy creation of data visualizations
  • d3plus-text - Smart SVG text box with line wrapping and automatic font scaling
  • graph-scroll - Simple scrolling events
  • jsdocs2diagram - Create tree diagram from jsdoc
  • mermaid - Generation of diagrams and flowcharts from text in a similar manner as markdown
  • netvis - Tool to visualize network communication for arbitrary protocols

Server side

  • d3-node - Static chart and map generation

Code Editors