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: does anyone know with what software I can make data driven graphics like this? | reddit.com/r/StockMarket | 2021-10-10
  • GitHub repo three.js

    JavaScript 3D Library.

    Project mention: How to create a slick website like this? | reddit.com/r/webdev | 2021-10-12

    the 3D models in the background are mostly handled via a 3D JS framework such as threejs

  • Syncfusion

    Build stunning web applications quickly using Syncfusion JavaScript UI controls.. The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

  • GitHub repo Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: Week 2 of the journey: Settling on the frameworks | reddit.com/r/EntrepreneurRideAlong | 2021-10-07

    I used this guide to add a sidebar for navigation and Chartjs library to chart out the data for illustration.

  • GitHub repo fabric.js

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

    Project mention: Build a facebook story creator using ReactJS and FabricJS | dev.to | 2021-10-10

    I use ReactJS to develop this feature, with text story it's enough, but with image story, we need to find a library that helps us deal with add/remove text blocks, change direction, size,... and I came up with Fabric Fabric provides interactive object model on top of the canvas element, that's exactly what we want to do here. I think you'd better go to the Fabric website and read about it before continue reading.

  • 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: Performance discrepancies between devices and browsers | reddit.com/r/webgl | 2021-10-14

    Working on a p5 project which uses a WEBGL canvas and I've been encountering some frustrating variance in performance with a p5.js sketch which uses WEBGL. It runs great on my machine with Chrome but very slow on Firefox. For other people who have tried it it runs slow on all their browsers despite having a new computer...

  • GitHub repo Frappe Charts

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

  • GitHub repo plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: Using Plotly in React to build dynamic charts and graphs | dev.to | 2021-10-08

    This article taught you how to build charts, graphs, and dynamic plots with Plotly. You can learn more about Plotly in their official documentation here. If you have any questions, don't hesitate to contact me on Twitter at @LordChuks3.

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo Snap.svg

    The JavaScript library for modern SVG graphics.

    Project mention: Opinion on how to approach this web app.....SVG or CANVAS | reddit.com/r/webdev | 2021-08-17

    Building the SVG by hand is an option, but I suggest you look at dedicated SVG JS libraries to make the graphic easier to build and maintain. Try SVG.js or Snap.svg - both have good reputations.

  • 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: Help with sketch.js bug | reddit.com/r/creativecoding | 2021-10-13

    Here is a link to the issue I submitted: https://github.com/paperjs/paper.js/issues/1939

  • GitHub repo chartist-js

    Simple responsive charts

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

    Chartist.js is a very modern, SVG-based library. Its most prominent feature is the SVG animations in the charts produced with this library.

  • 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 apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: Looking for recommendations on libraries/frameworks to visualize data | reddit.com/r/webdev | 2021-07-20

    ApexCharts: works like a charm for ~100 datapoints, but not usable at 10,000 or more, since it is SVG-based and floods the DOM with elements.

  • 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: What Next? | reddit.com/r/PowerBI | 2021-09-27

    D3.js and Vega are extremely useful to know from a visualisation perspective.

  • 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 c3

    :bar_chart: A D3-based reusable chart library

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

    C3 is a very efficient D3 based chart visualization library. C3 library is fast to render, has good compatibility across browsers, and is very simple to integrate. If you're looking for no-frills, C3 is a decent choice.

  • GitHub repo victory

    A collection of composable React components for building interactive data visualizations

    Project mention: Top 5 React chart libraries | dev.to | 2021-09-24

    Like many other React chart libraries on the list, Victory was built with React and D3. It comes with a wide variety of charts out of the box that are fully customizable.

  • GitHub repo kepler.gl

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

    Project mention: [Help] What is a good visualiser for a 3D graph with known positions, with node and edge weights? | reddit.com/r/visualization | 2021-10-12

    Or if it’s spatial data with coordinates maybe: https://kepler.gl/

  • GitHub repo react-vis

    Data Visualization Components

    Project mention: ✨Top React Charts Libraries [2021] | dev.to | 2021-09-27

    react-vis

  • GitHub repo Cytoscape.js

    Graph theory (network) library for visualisation and analysis

    Project mention: I built an interactive map for self-teaching online. It's like a skill tree for learning. The first map is ML, but want to add CS next | reddit.com/r/compsci | 2021-09-08

    So the library I'm using to visualise the network is cytoscape.js. It's easy to use and well documented!

  • 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 2021-10-14.

Index

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

Project Stars
1 d3 98,858
2 three.js 74,907
3 Chart.js 55,054
4 fabric.js 20,045
5 p5.js 16,179
6 Frappe Charts 14,051
7 plotly.js 14,032
8 Snap.svg 13,289
9 paper.js 12,750
10 chartist-js 12,681
11 raphael 10,971
12 apexcharts.js 10,778
13 trianglify 9,768
14 vega 9,438
15 svg.js 9,195
16 c3 9,138
17 victory 9,126
18 kepler.gl 8,073
19 react-vis 8,017
20 Cytoscape.js 7,910
21 two.js 7,294
22 dc.js 7,254
23 nvd3 7,124
Find remote jobs at our new job board 99remotejobs.com. There are 34 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Scout APM: A developer's best friend. Try free for 14-days
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.
scoutapm.com