JavaScript Data Visualization

Open-source JavaScript projects categorized as Data Visualization

Top 23 JavaScript Data Visualization Projects

Data Visualization
  1. three.js

    JavaScript 3D Library.

    Project mention: React Three Ecosystem | news.ycombinator.com | 2025-05-10

    note three.js [1] has nothing to do with React out of the box though, this page highlights an atypical way of using three.js through a popular React binding.

    [1] https://threejs.org/

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management โ€” all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: Apache ECharts | news.ycombinator.com | 2025-04-08
  4. 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: Getting Started with Interactive Programming | dev.to | 2025-04-08

    p5.js โ€“ JavaScript framework for creative interactive coding

  5. plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: Apache ECharts | news.ycombinator.com | 2025-04-08
  6. Frappe Charts

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

  7. apexcharts.js

    ๐Ÿ“Š Interactive JavaScript Charts built on SVG

    Project mention: Building a financial dashboard with HTML5, TailwindCSS v4, and Vanilla JavaScript | dev.to | 2025-02-11

    This is a basic HTML structure that includes Google Fonts, ApexCharts (for placeholder charts), and links to your compiled CSS and JavaScript files. The body includes classes for light and dark modes.

  8. 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: Jacksonpollock.org | news.ycombinator.com | 2025-02-08
  9. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  10. Snap.svg

    The JavaScript library for modern SVG graphics.

  11. vega

    A visualization grammar.

    Project mention: 2024 Nuxt3 Annual Ecosystem Summary๐Ÿš€ | dev.to | 2024-12-23

    Document address: Vega Official Document

  12. svg.js

    The lightweight library for manipulating and animating SVG

    Project mention: Tuning Edge Animations in Reactflow for Optimal Performance | dev.to | 2025-04-07

    Locked fps of animation ยท Issue #1003 ยท svgdotjs/svg.js - Github

  13. raphael

    JavaScript Vector Library

  14. Cytoscape.js

    Graph theory (network) library for visualisation and analysis

    Project mention: Ask HN: What is the best software to visualize a graph with a billion nodes? | news.ycombinator.com | 2024-08-02

    Cytoscape JS[1] with canvas rendering. Probably won't be able to do a billion nodes, but the last time I compared graph rendering libraries it was the best one in terms of performance/customizability. If you need even more performance, there's VivaGraphJS[2], which uses webgl to render.

    If you want other resources, I also a GitHub list of Graph-related libraries (visualizations etc.) on GitHub[3].

    [1]: https://js.cytoscape.org/

  15. trianglify

    Algorithmically generated triangle art

  16. c3

    :bar_chart: A D3-based reusable chart library

    Project mention: GitHub ใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ใฎใ‚ณใƒŸใƒƒใƒˆใ‚’ใƒชใ‚ขใƒซใ‚ฟใ‚คใƒ ใง่ฟฝ่ทกใ™ใ‚‹ | dev.to | 2024-05-30
  17. uPlot

    ๐Ÿ“ˆ A small, fast chart for time series, lines, areas, ohlc & bars

    Project mention: uPlot: Fast, memory-efficient Canvas 2D-based chart library | news.ycombinator.com | 2025-03-18
  18. two.js

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

  19. dc.js

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

  20. nvd3

    A reusable charting library written in d3.js

  21. roughViz

    Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.

  22. rickshaw

    JavaScript toolkit for creating interactive real-time graphs

  23. heatmap.js

    ๐Ÿ”ฅ JavaScript Library for HTML5 canvas based heatmaps

  24. flot

    Attractive JavaScript charts for jQuery

  25. Frappe Gantt

    Open Source Javascript Gantt

  26. InfluxDB

    InfluxDB โ€“ Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

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

JavaScript Data Visualization discussion

Log in or Post with

JavaScript Data Visualization related posts

  • Shortest walking tour to 81,998 bars in Korea โ€“ TSP solved in 178 days

    1 project | news.ycombinator.com | 28 Apr 2025
  • Getting Started with Interactive Programming

    2 projects | dev.to | 8 Apr 2025
  • Apache ECharts

    25 projects | news.ycombinator.com | 8 Apr 2025
  • Tuning Edge Animations in Reactflow for Optimal Performance

    3 projects | dev.to | 7 Apr 2025
  • Visualizing MIDI with Three.js, Tone.js, and TypeScript

    2 projects | dev.to | 5 Apr 2025
  • Chart.js in Next.js 15: Create Dynamic Data Visualizations

    2 projects | dev.to | 26 Mar 2025
  • Building a Dynamic Budget Planner: Visualize Your Finances in Real-Time ๐Ÿ“Š

    1 project | dev.to | 24 Mar 2025
  • A note from our sponsor - Civic Auth
    www.civic.com | 14 May 2025
    Civic Auth comes with multiple SSO options, optional embedded wallets, and user management โ€” all implemented with just a few lines of code. Start building today. Learn more โ†’

Index

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

# Project Stars
1 three.js 106,095
2 Chart.js 65,841
3 p5.js 22,574
4 plotly.js 17,553
5 Frappe Charts 15,008
6 apexcharts.js 14,746
7 paper.js 14,700
8 Snap.svg 13,993
9 vega 11,481
10 svg.js 11,383
11 raphael 11,293
12 Cytoscape.js 10,421
13 trianglify 10,098
14 c3 9,357
15 uPlot 9,110
16 two.js 8,460
17 dc.js 7,429
18 nvd3 7,220
19 roughViz 6,772
20 rickshaw 6,531
21 heatmap.js 6,311
22 flot 5,939
23 Frappe Gantt 5,211

Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management โ€” all implemented with just a few lines of code. Start building today.
www.civic.com

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?