Top 23 JavaScript D3 Projects
-
three.js
JavaScript 3D library.
A starfield was one of the first things I built when learning to program. It's been quite some time now, and I've started learning shader programming with GLSL and three.js, so I decided why not go back to where it all started!
-
Chart.js
Simple HTML5 Charts using the <canvas> tag
Project mention: Best way to build an admin panel for e-commerce website | reddit.com/r/node | 2021-02-21ChartJS - https://www.chartjs.org/
-
Scout
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
fabric.js
Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
-
p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
Project mention: GPS data of all of my bike tours visualized (05-2020 - today) | reddit.com/r/bicycling | 2021-02-24Tools: Python, p5.js
-
Frappe Charts
Simple, responsive, modern SVG Charts with zero dependencies (by frappe)
-
chartist-js
Simple responsive charts
Project mention: Understanding front-end data visualization tools ecosystem in 2021 📊📈 | dev.to | 2021-02-18Chartist.js
-
paper.js
The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey
-
raphael
JavaScript Vector Library
-
trianglify
Algorithmically generated triangle art
-
sigma.js
A JavaScript library dedicated to graph drawing
-
vega
A visualization grammar.
For Vega, I would just use the pre-built minified ES5 version: https://github.com/vega/vega#es5-support
Access it via a global variable.
-
c3
:bar_chart: A D3-based reusable chart library
-
victory
A collection of composable React components for building interactive data visualizations
Project mention: Understanding front-end data visualization tools ecosystem in 2021 📊📈 | dev.to | 2021-02-18Victory
-
svg.js
The lightweight library for manipulating and animating SVG
-
dc.js
Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js
-
nvd3
A reusable charting library written in d3.js
-
two.js
A renderer agnostic two-dimensional drawing api for the web.
-
rickshaw
JavaScript toolkit for creating interactive real-time graphs
-
flot
Attractive JavaScript charts for jQuery
-
heatmap.js
🔥 JavaScript Library for HTML5 canvas based heatmaps
-
cubism
Cubism.js: A JavaScript library for time series visualization.
-
mozaik
Mozaïk is a tool based on nodejs / react / redux / nivo / d3 to easily craft beautiful dashboards
-
d3-cloud
Create word clouds in JavaScript.
Project mention: ULPT Request: what are tips and tricks to get past HR ATS resume filters ? | reddit.com/r/UnethicalLifeProTips | 2021-02-23word cloud generators (I use this one) and do copypasta of the job description, the cloud will show me the most important words to include in the resume / cover letter (I choose the ones that are truthful and applicable to me)
Index
What are some of the best open-source D3 projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 67,797 |
2 | Chart.js | 52,236 |
3 | fabric.js | 18,122 |
4 | p5.js | 14,923 |
5 | Frappe Charts | 13,780 |
6 | chartist-js | 12,464 |
7 | paper.js | 12,240 |
8 | raphael | 10,835 |
9 | trianglify | 9,631 |
10 | sigma.js | 9,321 |
11 | vega | 9,015 |
12 | c3 | 9,003 |
13 | victory | 8,689 |
14 | svg.js | 8,630 |
15 | dc.js | 7,197 |
16 | nvd3 | 7,083 |
17 | two.js | 7,013 |
18 | rickshaw | 6,484 |
19 | flot | 5,896 |
20 | heatmap.js | 5,443 |
21 | cubism | 4,899 |
22 | mozaik | 3,492 |
23 | d3-cloud | 3,330 |