All Projects â†’ d3 â†’ D3

d3 / D3

Licence: bsd-3-clause
Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Programming Languages

184084 projects - #8 most used programming language

Projects that are alternatives of or similar to D3

Anychart Android
AnyChart Android Chart is an amazing data visualization library for easily creating interactive charts in Android apps. It runs on API 19+ (Android 4.4) and features dozens of built-in chart types.
Stars: ✭ 1,762 (-98.23%)
Mutual labels:  chart, charts
React Native Charts Wrapper
a react native charts wrapper (support android & iOS)
Stars: ✭ 2,111 (-97.88%)
Mutual labels:  chart, charts
Stars: ✭ 125 (-99.87%)
Mutual labels:  chart, charts
Covid 19
📈 Coronavirus (COVID-19) dashboard to show the dynamics of Сoronavirus distribution per country
Stars: ✭ 245 (-99.75%)
Mutual labels:  chart, charts
A Ruby library to plot charts in PDF files
Stars: ✭ 205 (-99.79%)
Mutual labels:  chart, charts
Arc Chart View (Draw Creative Statistic Arc Charts)
Stars: ✭ 96 (-99.9%)
Mutual labels:  chart, charts
JavaScript Charts for ArcGIS
Stars: ✭ 230 (-99.77%)
Mutual labels:  chart, charts
ReasonML binding for BizCharts
Stars: ✭ 23 (-99.98%)
Mutual labels:  chart, charts
Easy to use and highly customizable charts library for iOS
Stars: ✭ 2,336 (-97.66%)
Mutual labels:  chart, charts
⚡ Laravel Charts — Build charts using laravel. The laravel adapter for Chartisan.
Stars: ✭ 2,337 (-97.65%)
Mutual labels:  chart, charts
Ac D3
Javascript Library for building Audiovisual Charts in D3
Stars: ✭ 76 (-99.92%)
Mutual labels:  chart, charts
Open source CSS framework for data visualization.
Stars: ✭ 4,595 (-95.39%)
Mutual labels:  chart, charts
Unity Ugui Xcharts
A charting and data visualization library for Unity. 一款基于UGUI的数据可视化图表插件。
Stars: ✭ 1,086 (-98.91%)
Mutual labels:  chart, charts
HTML5 JavaScript Component Suite for Responsive Web Development
Stars: ✭ 1,385 (-98.61%)
Mutual labels:  chart, charts
Pure Vue Chart
Simple and lightweight vue chart component without using chart library dependencies
Stars: ✭ 50 (-99.95%)
Mutual labels:  chart, charts
React D3 Components
D3 Components for React
Stars: ✭ 1,599 (-98.4%)
Mutual labels:  chart, charts
📈 A small, fast chart for time series, lines, areas, ohlc & bars
Stars: ✭ 6,808 (-93.17%)
Mutual labels:  chart, charts
The most advanced amCharts charting library for JavaScript and TypeScript apps.
Stars: ✭ 907 (-99.09%)
Mutual labels:  chart, charts
A Flutter data visualization library based on Grammar of Graphics.
Stars: ✭ 173 (-99.83%)
Mutual labels:  chart, charts
📊 Data visualization library for React based on D3
Stars: ✭ 215 (-99.78%)
Mutual labels:  chart, charts

D3: Data-Driven Documents

D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.



If you use npm, npm install d3. You can also download the latest release on GitHub. For vanilla HTML in modern browsers, import D3 from Skypack:

<script type="module">

import * as d3 from "";

const div = d3.selectAll("div");


For legacy environments, you can load D3’s UMD bundle from an npm-based CDN such as jsDelivr; a d3 global is exported:

<script src=""></script>

const div = d3.selectAll("div");


You can also use the standalone D3 microlibraries. For example, d3-selection:

<script type="module">

import {selectAll} from "";

const div = selectAll("div");


D3 is written using ES2015 modules. Create a custom bundle using Rollup, Webpack, or your preferred bundler. To import D3 into an ES2015 application, either import specific symbols from specific D3 modules:

import {scaleLinear} from "d3-scale";

Or import everything into a namespace (here, d3):

import * as d3 from "d3";

Or using dynamic import:

const d3 = await import("d3");

You can also import individual modules and combine them into a d3 object using Object.assign:

const d3 = await Promise.all([
]).then(d3 => Object.assign({}, ...d3));
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].