JavaScript Visualization

Open-source JavaScript projects categorized as Visualization

Top 23 JavaScript Visualization Projects

  • d3

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

    Project mention: [E] I'd like to learn how to make high-quality interactive visualizations to explain statistical topics. (See example in post) | reddit.com/r/statistics | 2023-01-18

    This is the source code for the distill pub you linked to: https://github.com/distillpub/post--visual-exploration-gaussian-processes. I dug through the code a little and believe most of the interactive visuals were created with d3.js. That's certainly 1 of the options you can use to recreate the same type of visuals. d3 is incredibly powerful (it's the tool professional news organisations use for their visualisations) but also rather complex. If you are new to Javascript in general, it might not be the most practical choice.

  • algorithm-visualizer

    :fireworks:Interactive Online Platform that Visualizes Algorithms from Code

    Project mention: Here are the websites which can help you learn web technologies | dev.to | 2023-01-24

    → Algorithms: https://algorithm-visualizer.org

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: looking for help with choosing a language for my game idea | reddit.com/r/WebDevBuddies | 2023-02-03

    You could always build a React web app, make a "master" component for each card, and based on it's type generate certain graphs or data using plotly.js (https://plotly.com/javascript/). That's my two cents!

  • apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: Top 5+ useful ReactJS Plugins for 2023 | dev.to | 2023-01-09

    1. Apex Charts

  • vega

    A visualization grammar.

    Project mention: Launched my ADHD productivity app on product hunt - would love your support | reddit.com/r/ADHD_Programmers | 2022-11-12

    Eh, I have no reason to, and not much interest in PHP anymore. Things like Vega seem really cool.

  • dc.js

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

    Project mention: 25 the Best Javascript Data Visualization Libraries in 2022 | dev.to | 2022-03-09
  • roughViz

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

    Project mention: New to Github | reddit.com/r/github | 2022-10-14
  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

  • Under-the-hood-ReactJS

    Entire React code base explanation by visual block schemes (Stack version)

    Project mention: 16 Github Repos to master React | dev.to | 2023-01-23

    2-) You have read all the documentation about React but if you need details about the working logic, this repo is for you Under-the-hood-ReactJS

  • falcon

    Free, open-source SQL client for Windows and Mac 🦅 (by plotly)

    Project mention: Connect SQL Client to PostgreSQL in Docker Compose | reddit.com/r/docker | 2022-07-27

    As you can see, I have Postgres db running in my container, I also have a client I want to use to access this database (falcon-client), however, it cannot connect to the db, I'm assuming it's because my port at 5432 is not allowing access to the database (as suggested here)

  • vizceral

    WebGL visualization for displaying animated traffic graphs

    Project mention: What tools do you use to map out microservices? | reddit.com/r/devops | 2022-10-29
  • joint

    A proven SVG-based JavaScript diagramming library powering exceptional UIs

    Project mention: How to write a simple JSON visualizer using JointJS+ | dev.to | 2022-10-31

    We release new demos every Wednesday to help developers get inspired and bring their ideas to life faster. If you want to learn with us, follow us on CodePen or join the conversation on Github.

  • VivaGraphJS

    Graph drawing library for JavaScript

  • dygraphs

    Interactive visualizations of time series using JavaScript and the HTML canvas tag

    Project mention: CCR2004-1G-12S+2XS traffic, CPU hitting 65% | reddit.com/r/mikrotik | 2022-08-17

    Check out Dygraph ... https://github.com/danvk/dygraphs

  • React-Sight

    Visualization tool for React, with support for Fiber, Router (v4), and Redux

    Project mention: Vue vs React: Which Framework Should You Choose? | reddit.com/r/u_softwareplanetgroup | 2023-01-24

    React Sight

  • react-simple-maps

    Beautiful React SVG maps with d3-geo and topojson using a declarative api.

    Project mention: How do I create a interactive map in nextjs? | reddit.com/r/nextjs | 2023-02-03

    Hey! I have a school project for history, and I was thinking of creating a map of my country, split it out into counties and when the teacher clicks on one of the counties it pops up a timeline of the mos important events in that county. The problem is that I am looking for a next js/react lib to help me out. I saw https://www.react-simple-maps.io/ and tried to use it but cannot make it. I was wondering if anyone knows how I can create such a map or any npm package i can use. Thanks in advance!

  • echarts-gl

    Extension pack for Apache ECharts, providing globe visualization and 3D plots.

  • semiotic

    A data visualization framework combining React & D3

  • WebPlotDigitizer

    HTML5 based online tool to extract numerical data from plot images.

    Project mention: r/fatFIRE comment frequency vs. NASDAQ | reddit.com/r/fatFIRE | 2023-02-01
  • trading-vue-js

    💹 Hackable charting lib for traders. You can draw literally ANYTHING on top of candlestick charts. [Not Maintained]

  • quiver

    Interactive convnet features visualization for Keras (by keplr-io)

  • sqliteviz

    Instant offline SQL-powered data visualisation in your browser

    Project mention: Awesome SQLite | dev.to | 2022-04-28

    sqliteviz - Instant offline SQL-powered data visualisation in your browser

  • mind-elixir-core

    ⚗ Mind-elixir is a framework agnostic mind map core.

    Project mention: Mind Elixir, a mind map core, is updated to 1.0.1. | reddit.com/r/javascript | 2022-07-08
  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

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 2023-02-03.

JavaScript Visualization related posts

Index

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

Project Stars
1 d3 104,244
2 algorithm-visualizer 42,104
3 plotly.js 15,364
4 apexcharts.js 12,217
5 vega 10,198
6 dc.js 7,381
7 roughViz 6,431
8 heatmap.js 5,898
9 Under-the-hood-ReactJS 5,537
10 falcon 5,047
11 vizceral 3,993
12 joint 3,768
13 VivaGraphJS 3,558
14 dygraphs 3,038
15 React-Sight 2,800
16 react-simple-maps 2,723
17 echarts-gl 2,392
18 semiotic 2,322
19 WebPlotDigitizer 1,979
20 trading-vue-js 1,772
21 quiver 1,673
22 sqliteviz 1,651
23 mind-elixir-core 1,462
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com