awesome-d3 - A list of D3 libraries, plugins and utilities

  •        23

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. You can also explore the list with our interactive D3 Discovery tool.

https://d3-discovery.net/
https://github.com/wbkd/awesome-d3

Tags
Implementation
License
Platform

   




Related Projects

nivo - nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

  •    Javascript

nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts.

d3-extended - Extends D3 with some common jQuery functions and more

  •    Javascript

d3 Extended is compatible with d3 v4. If you are looking for the v3 compatible module you can find it on the v3 branch. This module extends d3-selection with helpful functions which are similar to the jQuery API. If you want to get to know more about this project, feel free to read the blog post: Replacing jQuery with d3.

d3fc - A collection of components that make it easy to build interactive charts with D3

  •    HTML

A collection of components that make it easy to build interactive charts with D3. This project has recently upgraded to D3 version 5 to take advantage of the new promise-based API, and stays compatible with D3 version 4 for all other functionality. For more details, see the release notes for D3 version 5.0 and d3fc v14.0.0.

reaviz - 📊 Data visualization library for React based on D3

  •    TypeScript

REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.


ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

line-chart - Awesome charts for AngularJS.

  •    TypeScript

n3-line-chart is an easy-to-use JavaScript library for creating beautiful charts in AngularJS applications and it is built on top of D3.js.Please note: Currently, n3-line-chart works only with D3.js version 3! In D3.js version 4, the API changed and hence breaks compatibility with many 3rd party libaries such as n3-line-chart.

react-vis - Data-Visualization oriented components

  •    Javascript

A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, pie and donut charts, sunbursts, radar charts, parallel coordinates, and tree maps.Install react-vis via npm.

d3.compose - Compose complex, data-driven visualizations from reusable charts and components with d3

  •    Javascript

Compose rich, data-bound charts from charts (like Lines and Bars) and components (like Axis, Title, and Legend) with d3 and d3.chart. See http://CSNW.github.io/d3.compose/ for live examples and docs.

d3js_doc - D3js中文文档 D3中文 :bar_chart: :chart_with_upwards_trend: :tada:

  •    HTML

Released March 22, 2018. D3 5.0 引入了很少的非向后兼容的改变.

plotly.js - The open source JavaScript graphing library that powers plotly

  •    Javascript

Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library. plotly.js ships with 20 chart types, including 3D charts, statistical graphs, and SVG maps.

plotly.py - An interactive, browser-based graphing library for Python :sparkles:

  •    Python

Built on top of plotly.js, plotly.py is a high-level, declarative charting library. plotly.js ships with over 30 chart types, including scientific charts, 3D graphs, statistical charts, SVG maps, financial charts, and more. plotly.py is MIT Licensed. Plotly graphs can be viewed in Jupyter notebooks, standalone HTML files, or hosted online on plot.ly.

react-d3-library - Open source library for using D3 in React

  •    Javascript

An open source library that will allow developers the ability to reroute D3 output to React’s virtual DOM. Just use your existing D3 code, and with a few simples lines, you can now harness the power of React with the flexibility of D3! React-D3-Library will compile your code into React components, and it also comes with a series of D3 template charts converted to React components for developers who are unfamiliar with D3. Not only do we build fully functional React components, but they utilize the power of D3 to automate scaling ranges, normalizing data, and constructing legends.

react-d3-basic - Basic d3 charts in React.js, only include: line, bar, pie, scatter, area charts.

  •    Javascript

Clone code react-d3-basic.js or minify js react-d3-basic.min.js and include the script in your HTML. Building Charts.

react-native-svg-charts - 📈 One library to rule all charts for React Native 📊

  •    Javascript

A much improved decorator system has been introduced, allowing for greater flexibility and less complexity. See releases for more information. In order to not bloat this README to much we've moved some examples over to react-native-svg-charts-examples. There we will try to showcase the really cool things you can do with this library. This README will try to keep things as simple as possible so that everybody can get up and running as fast as possible.

Britecharts - Client-side reusable Charting Library based on D3

  •    Javascript

Britecharts is a client-side reusable Charting Library based on D3.js v4 that offers easy and intuitive use of charts and components that can be composed together to create amazing visualizations.Britecharts components have been written in ES2016 with a Test Driven methodology, so they are fully tested, and we are committed to keeping them that way.