Top 23 JavaScript Data Visualization Projects

• d3

  14 95,812 7.1 JavaScript

  Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

  Project mention: [OC] What are the most popular operating systems across all devices? [Jan 09 - Jan 21] | reddit.com/r/dataisbeautiful | 2021-02-28

  Tools used: d3js.org

• three.js

  9 67,797 10.0 JavaScript

  JavaScript 3D library.

  Project mention: Recreating a classic starfield in GLSL & three.js | dev.to | 2021-02-21

  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!

• Scout

  Sponsored scoutapm.com

  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.

• Chart.js

  9 52,236 9.6 JavaScript

  Simple HTML5 Charts using the <canvas> tag

  Project mention: Ranime Karma Poll Ranking Week 8 Winter 2021 | reddit.com/r/anime | 2021-02-27

  Highcharts is great. I actually first tried using chartjs, but the performance was really bad with multiple threads. I should've just gone with the trusty highcharts from the get go :)

• fabric.js

  0 18,122 7.9 JavaScript

  Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

• p5.js

  15 14,977 0.0 JavaScript

  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-24

  Tools: Python, p5.js

• Frappe Charts

  0 13,780 5.7 JavaScript

  Simple, responsive, modern SVG Charts with zero dependencies (by frappe)

• Snap.svg

  0 13,055 0.0 JavaScript

  The JavaScript library for modern SVG graphics.

• chartist-js

  2 12,464 0.0 JavaScript

  Simple responsive charts

  Project mention: Understanding front-end data visualization tools ecosystem in 2021 📊📈 | dev.to | 2021-02-18

  Chartist.js

• paper.js

  1 12,240 5.3 JavaScript

  The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey

  Project mention: Get Waves – Create SVG waves for your next design | reddit.com/r/webdev | 2021-02-25

  Check out http://paperjs.org/

• raphael

  0 10,835 0.2 JavaScript

  JavaScript Vector Library

• Highcharts JS

  1 9,914 9.9 JavaScript

  Highcharts JS, the JavaScript charting framework

  Project mention: Top Javascript Maps API and Libraries | dev.to | 2020-09-06

  Web-site: https://www.highcharts.com/products/highmaps/ GitHub stars: 9.5k, https://github.com/highcharts/highcharts Pricing: Free and paid (From $722) Map Data Source: Highcharts Dependencies: jQuery License: Highcharts copyright Category: Library Examples: https://www.highcharts.com/maps/demo

• trianglify

  0 9,631 5.2 JavaScript

  Algorithmically generated triangle art

• sigma.js

  0 9,321 0.0 JavaScript

  A JavaScript library dedicated to graph drawing

• vega

  1 9,036 9.2 JavaScript

  A visualization grammar.

  Project mention: Why Is Esbuild Fast? | news.ycombinator.com | 2021-02-16

  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

  4 9,003 4.2 JavaScript

  :bar_chart: A D3-based reusable chart library

  Project mention: 10 Years of Open-Source Visualization – D3.js | news.ycombinator.com | 2021-02-23

• victory

  2 8,689 9.3 JavaScript

  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-18

  Victory

• svg.js

  0 8,630 6.0 JavaScript

  The lightweight library for manipulating and animating SVG

• react-vis

  1 7,687 3.7 JavaScript

  Data Visualization Components

  Project mention: Understanding front-end data visualization tools ecosystem in 2021 📊📈 | dev.to | 2021-02-18

  React-vis

• dc.js

  0 7,197 7.3 JavaScript

  Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

• nvd3

  0 7,083 0.0 JavaScript

  A reusable charting library written in d3.js

• two.js

  0 7,013 7.6 JavaScript

  A renderer agnostic two-dimensional drawing api for the web.

• rickshaw

  0 6,484 1.5 JavaScript

  JavaScript toolkit for creating interactive real-time graphs

• uPlot

  5 5,943 9.4 JavaScript

  📈 A small, fast chart for time series, lines, areas, ohlc & bars

  Project mention: Is It Possible For React Native To Render A Line | reddit.com/r/reactnative | 2021-02-07

  I was recently looking for a convenient solution to do the same, and found the performance of all SVG-based libraries to be very low. Having had great results with canvas-based libraries on the web, I made a small wrapper around React Native's WebView to allow Chart.js and uPlot to be used in React Native: react-native-canvas-charts.

Index