All Projects â†’ d3 â†’ D3

d3 / D3

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

Programming Languages

javascript
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
Orcharts
饼状图、环形图、扇形图、曲线图、折线图
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
Squid
A Ruby library to plot charts in PDF files
Stars: ✭ 205 (-99.79%)
Mutual labels:  chart, charts
Arcchartview
Arc Chart View (Draw Creative Statistic Arc Charts)
Stars: ✭ 96 (-99.9%)
Mutual labels:  chart, charts
Cedar
JavaScript Charts for ArcGIS
Stars: ✭ 230 (-99.77%)
Mutual labels:  chart, charts
Reasonbizcharts
ReasonML binding for BizCharts https://bizcharts.net/products/bizCharts/demo
Stars: ✭ 23 (-99.98%)
Mutual labels:  chart, charts
Swiftcharts
Easy to use and highly customizable charts library for iOS
Stars: ✭ 2,336 (-97.66%)
Mutual labels:  chart, charts
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
Charts.css
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
Devextreme
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
Uplot
📈 A small, fast chart for time series, lines, areas, ohlc & bars
Stars: ✭ 6,808 (-93.17%)
Mutual labels:  chart, charts
Amcharts4
The most advanced amCharts charting library for JavaScript and TypeScript apps.
Stars: ✭ 907 (-99.09%)
Mutual labels:  chart, charts
Graphic
A Flutter data visualization library based on Grammar of Graphics.
Stars: ✭ 173 (-99.83%)
Mutual labels:  chart, charts
Reaviz
📊 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.

Resources

Installing

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 "https://cdn.skypack.dev/d3@7";

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

</script>

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="https://cdn.jsdelivr.net/npm/d3@7"></script>
<script>

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

</script>

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

<script type="module">

import {selectAll} from "https://cdn.skypack.dev/d3-selection@3";

const div = selectAll("div");

</script>

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([
  import("d3-format"),
  import("d3-geo"),
  import("d3-geo-projection")
]).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].