JavaScript Data Visualization

Open-source JavaScript projects categorized as Data Visualization | Edit details

Top 23 JavaScript Data Visualization Projects

  • GitHub repo d3

    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.

  • GitHub repo three.js

    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

    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.

  • GitHub repo Chart.js

    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.

  • GitHub repo fabric.js

    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

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

    p5.js

  • GitHub repo plotly.js

    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

  • GitHub repo Frappe Charts

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

  • SonarQube

    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.

  • GitHub repo Snap.svg

    The JavaScript library for modern SVG graphics.

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

    SNAP SVG

  • GitHub repo paper.js

    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

  • GitHub repo chartist-js

    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:

  • GitHub repo apexcharts.js

    📊 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

  • GitHub repo raphael

    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.

  • GitHub repo trianglify

    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

  • GitHub repo vega

    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).

  • GitHub repo svg.js

    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.

  • GitHub repo victory

    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

  • GitHub repo c3

    :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

  • GitHub repo kepler.gl

    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
  • GitHub repo Cytoscape.js

    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)

  • GitHub repo react-vis

    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.

  • GitHub repo two.js

    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
  • GitHub repo dc.js

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

  • GitHub repo nvd3

    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.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-01-17.

JavaScript Data Visualization related posts

Index

What are some of the best open-source Data Visualization projects in JavaScript? This list will help you:

Project Stars
1 d3 100,001
2 three.js 77,685
3 Chart.js 55,832
4 fabric.js 20,842
5 p5.js 16,746
6 plotly.js 14,341
7 Frappe Charts 14,130
8 Snap.svg 13,360
9 paper.js 12,936
10 chartist-js 12,741
11 apexcharts.js 11,059
12 raphael 11,018
13 trianglify 9,817
14 vega 9,603
15 svg.js 9,364
16 victory 9,301
17 c3 9,168
18 kepler.gl 8,270
19 Cytoscape.js 8,152
20 react-vis 8,110
21 two.js 7,454
22 dc.js 7,283
23 nvd3 7,146
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
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