Top 23 JavaScript Data Visualization Projects

• d3

  126 100,001 6.7 JavaScript

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

  

  Project mention: Braindead question about how to use a DefinitelyTyped library installed via npm in a web browser | reddit.com/r/typescript | 2022-01-16

  The library I'm using is D3.js (website, npm, DefinitelyTyped github, DefinitelyTyped.org). I'm using Visual Studio Code as my TypeScript editor / IDE.

• three.js

  157 77,685 9.9 JavaScript

  JavaScript 3D Library.

  Project mention: Do We Live In the Matrix? | dev.to | 2022-01-17

  You'll see that this "circle" is actually a set of squares. This conversion of curved things, etc into a bunch of pixels is what's called "rasterization." Early in the study of making realistic 3D scenes on a computer, everything, and I mean EVERYTHING was governed by raster engines. 3D renderers on browsers like THREE.js are built on top of WebGL, which is a rasterizer capable only of drawing 2d stuff. Making our 2D drawings look 3D is a whole other article!

• Scout APM

  scoutapm.com

  sponsored

  Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  

• Chart.js

  76 55,832 9.6 JavaScript

  Simple HTML5 Charts using the <canvas> tag

  

  Project mention: Phoenix LiveView, but event-sourced | dev.to | 2022-01-16

  I'm using Chart.js, which is a popular graphing JavaScript library. It lives entirely on the client-side, which isn't very agreeable with Phoenix LiveView's server-side focus. Fortunately, LiveView allows you to set up JavaScript hooks, and then push events to them. We can make the client event-sourced, too! That's why I'm using push_event/3 instead of assign/3 in the example above. I'm using LiveView's JavaScript hooks to respond to events that I push from the LiveView process. Read more about LiveView JavaScript interoperability, it's really interesting.

• fabric.js

  20 20,842 8.2 JavaScript

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

  

  Project mention: On-line editor for graphics eshop | reddit.com/r/webdev | 2021-10-31

  Both Fabric.js and Konva should be able to help you with this requirement, if you're happy with a canvas-based solution. If you prefer SVG then you could use something like SVG.js

• p5.js

  112 16,746 9.3 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: Genuary 13 - 800x80. Just a rotating 800x80px rectangle, and a lot of echo. | reddit.com/r/generative | 2022-01-16

  p5.js

• plotly.js

  17 14,341 9.9 JavaScript

  Open-source JavaScript charting library behind Plotly and Dash

  

  Project mention: My hydrogen line data over the past few days. I’m working on a map of our galaxy. Only 3 tilts so far but I’m working on getting a motor and making some tilt controllers. (More info in comments) | reddit.com/r/RTLSDR | 2022-01-14

  Ahh. I used a JavaScript library called Plotly

• Frappe Charts

  0 14,130 4.7 JavaScript

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

  

• SonarQube

  www.sonarqube.org

  sponsored

  Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  

• Snap.svg

  6 13,360 0.0 JavaScript

  The JavaScript library for modern SVG graphics.

  

  Project mention: Create SVG from Javascript | dev.to | 2021-12-13

  SNAP SVG

• paper.js

  13 12,936 5.2 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: Anyone have a GitHub for this type of component hierarchy with coupled animations? | reddit.com/r/reactjs | 2021-10-17

  I would also suggest looking at Paper.js

• chartist-js

  9 12,741 0.0 JavaScript

  Simple responsive charts

  Project mention: Blazor Data Visualization Tools - Vector Map and Charts | reddit.com/r/Blazor | 2021-12-01

  For anyone interested or looking for a charting/vector map tool for Blazor, my organisation has developed and open sourced some packages that sit on top of a couple excellent JS libraries that handle these needs beautifully, Chartist.JS and JQuery Mapael. They are available in the nuget repository, source links below:

• apexcharts.js

  8 11,059 9.2 JavaScript

  📊 Interactive JavaScript Charts built on SVG

  

  Project mention: Is Chart.js the best chart/visualization lib? Any alternatives? | reddit.com/r/webdev | 2021-12-10

  Apex

• raphael

  2 11,018 0.0 JavaScript

  JavaScript Vector Library

  Project mention: Smooth Bezier on Canvas | dev.to | 2021-09-19

  It would be very cool if html5 canvas implemented the Catmull Rom Spline but it unfortunately does not. The wonderful Raphael library used to have support for it.

• trianglify

  2 9,817 2.7 JavaScript

  Algorithmically generated triangle art

  Project mention: Code-Generated [3840x2160] | reddit.com/r/wallpaper | 2021-07-10

  This might be what you are looking for: https://github.com/qrohlf/trianglify

• vega

  6 9,603 8.1 JavaScript

  A visualization grammar.

  

  Project mention: Deneb: Declarative Visualization in Power BI | reddit.com/r/PowerBI | 2021-11-24

  As such, I've been obsessed with the Vega and Vega-Lite languages for a long time. These use JSON rather than full-blown code, and allow you to build a visual from the ground-up using a grammar of graphics, much like ggplot2 in R or Altair in Python (which is actually an implementation of Vega/Vega-Lite).

• svg.js

  1 9,364 6.8 JavaScript

  The lightweight library for manipulating and animating SVG

  

  Project mention: Web Effect | dev.to | 2021-03-01

  Svg.js - The lightweight library for manipulating and animating SVG.

• victory

  10 9,301 9.5 JavaScript

  A collection of composable React components for building interactive data visualizations

  

  Project mention: [MongoDB Submission Post Trader Chart] | dev.to | 2022-01-13

  Victory Chart

• c3

  12 9,168 2.9 JavaScript

  :bar_chart: A D3-based reusable chart library

  

  Project mention: [C3.js][TypeScript] Draw line charts 1 | dev.to | 2021-11-14

  C3.js | D3-based reusable chart library

• kepler.gl

  19 8,270 8.4 JavaScript

  Kepler.gl is a powerful open source geospatial analysis tool for large-scale data sets.

  

  Project mention: Has anyone used kepler.gl to make better looking maps than GIS? | reddit.com/r/LandscapeArchitecture | 2021-12-02

• Cytoscape.js

  16 8,152 8.3 JavaScript

  Graph theory (network) library for visualisation and analysis

  

  Project mention: Graphviz: Open-source graph visualization software | news.ycombinator.com | 2022-01-17

  Not sure what you mean, you can install it other ways, and the dist is packaged up in a variety of ways. (https://github.com/cytoscape/cytoscape.js)

• react-vis

  12 8,110 0.0 JavaScript

  Data Visualization Components

  

  Project mention: Github repositories from large enterprises for every javascript developer | dev.to | 2022-01-04

  The repository can be found here and is definitely worth taking a look.

• two.js

  4 7,454 9.5 JavaScript

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

  Project mention: [AskJS] What is the best canvas library to make an app like figma or integromat? | reddit.com/r/javascript | 2021-08-29

• dc.js

  0 7,283 5.5 JavaScript

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

  

• nvd3

  2 7,146 0.0 JavaScript

  A reusable charting library written in d3.js

  

  Project mention: Widely Used Data Display and Analysis Libraries | dev.to | 2021-10-07

  NVD3 is also on the list of the most popular libraries. Built upon D3.js like the others above, it does have a solid technical base.

JavaScript Data Visualization related posts

• Do We Live In the Matrix?
  1 project | dev.to | 17 Jan 2022
• Graphviz: Open-source graph visualization software
  38 projects | news.ycombinator.com | 17 Jan 2022
• Braindead question about how to use a DefinitelyTyped library installed via npm in a web browser
  3 projects | reddit.com/r/typescript | 16 Jan 2022
• Genuary 13 - 800x80. Just a rotating 800x80px rectangle, and a lot of echo.
  1 project | reddit.com/r/generative | 16 Jan 2022
• Can't get p5.js to run at all in any browser
  1 project | reddit.com/r/learnjavascript | 15 Jan 2022
• First 2 weeks with TMHI - Lots of Charts
  1 project | reddit.com/r/tmobileisp | 13 Jan 2022
• Insurance Coverage Chart
  1 project | reddit.com/r/learnpython | 13 Jan 2022

Index

Sponsored

OPS - Build and Run Open Source Unikernels

Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

github.com/nanovms

Get the trending JavaScript projects
with our weekly report!
» Subscribe «