JavaScript Visualization

Open-source JavaScript projects categorized as Visualization
Edit details
Topics: Data Visualization D3 JavaScript React Charts
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured

Top 23 JavaScript Visualization Projects

  • algorithm-visualizer

    :fireworks:Interactive Online Platform that Visualizes Algorithms from Code

  • plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    • Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29

    Plotly is based on D3. Has both open-source version and paid option.

    https://plotly.com/javascript/

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    • Project mention: FLaNK-AIM Weekly 06 May 2024 | dev.to | 2024-05-06

  • vega

    A visualization grammar.

    • Project mention: Show HN: Minard – Generate beautiful charts with natural language | news.ycombinator.com | 2024-04-18

    Hi HN – Excited to share a beta for Minard, a new data visualization toolkit we've been working on that lets you generate publication-quality charts with simple natural language (throw away your matplotlib docs and rejoice!).

    Upload or import CSVs, Excel, and JSON, give it a spin, and please let us know what you think! (Long format data works best for now)

    For those curious, the stack is a simple Django app with HTMX/Alpine and all of the charts are specified and rendered as Vega (https://vega.github.io/vega/). Lots of LLM function calling under the hood as well.

  • dc.js

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

  • roughViz

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

  • Under-the-hood-ReactJS

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

    • Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14

    Ever wondered what makes React tick? Unveil the magic with this detailed exploration here.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

  • falcon

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

    • Project mention: Best apps for transitioning from Spreadsheets to SQLite? | /r/macapps | 2023-05-27

    Regarding visualization tools, sqliteviz has proven to be the best I've found so far. Their web app runs locally but has some trackers, so I run it locally via a simple, static HTTP server. Falcon and Redash seem like overkill for my needs.

  • Pluto.jl

    🎈 Simple reactive notebooks for Julia

    • Project mention: Potential of the Julia programming language for high energy physics computing | news.ycombinator.com | 2023-12-04

    I thought that notebook based development and package based development were diametrically opposed in the past, but Pluto.jl notebooks have changed my mind about this.

    A Pluto.jl notebook is a human readable Julia source file. The Pluto.jl package is itself developed via Pluto.jl notebooks.

    https://github.com/fonsp/Pluto.jl

    Also, the VSCode Julia plugin tooling has really expanded in functionality and usability for me in the past year. The integrated debugging took some work to setup, but is fast enough to drop into a local frame.

    https://code.visualstudio.com/docs/languages/julia

    Julia is the first language I have achieved full life cycle integration between exploratory code to sharable package. It even runs quite well on my Android. 2023 is the first year I was able to solve a differential equation or render a 3D surface from a calculated mesh with the hardware in my pocket.

  • meshery

    Meshery, the cloud native manager

    • Project mention: Meshery: Simplifying Cloud Infrastructure and Kubernetes Management | dev.to | 2024-02-17

    Meshery is an open-source cloud infrastructure and Kubernetes management platform that provides a unified interface for simplifying the deployment, management, and observability of cloud-native applications. It acts as a central control plane for managing Kubernetes clusters, containerized applications, and associated resources.

  • joint

    A proven SVG-based JavaScript diagramming library powering exceptional UIs

    • Project mention: JointJS releases a 'no-dependency' v4.0 | news.ycombinator.com | 2024-02-12

  • vizceral

    WebGL visualization for displaying animated traffic graphs

  • VivaGraphJS

    Graph drawing library for JavaScript

  • dygraphs

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

  • react-simple-maps

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

    • Project mention: How do I do charts like these? | /r/webdev | 2023-06-04

    I believe that exact chart is something from https://www.react-simple-maps.io/ , its a pretty good tool that frequently updated and such.

  • React-Sight

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

    • Project mention: 13 best React debugging tools | dev.to | 2024-01-03

    React Sight marks its presence in the domain of React debugging tools by offering a unique visualization advantage. Designed to delineate the component hierarchy in React applications, this tool proves to be a reliable companion for developers. Compatible with React version 14.7 and onwards, including Fiber, React Sight extends its support to libraries like React Router and Redux.

  • echarts-gl

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

  • WebPlotDigitizer

    Computer vision assisted tool to extract numerical data from plot images.

    • Project mention: Digitized Continuous Magnetic Recordings for the 1859 Carrington Event | news.ycombinator.com | 2024-04-23

    Something similar which is more recently-maintained: https://github.com/automeris-io/WebPlotDigitizer

  • semiotic

    A data visualization framework combining React & D3

  • trading-vue-js

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

  • sqliteviz

    Instant offline SQL-powered data visualisation in your browser

    • Project mention: SQLite Db Admin in the Browser | news.ycombinator.com | 2024-01-24

  • quiver

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

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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 Visualization related posts

Index

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

Project Stars
1 algorithm-visualizer 46,296
2 plotly.js 16,608
3 apexcharts.js 13,917
4 vega 10,888
5 dc.js 7,415
6 roughViz 6,649
7 Under-the-hood-ReactJS 6,346
8 heatmap.js 6,160
9 falcon 5,132
10 Pluto.jl 4,892
11 meshery 4,944
12 joint 4,466
13 vizceral 4,058
14 VivaGraphJS 3,715
15 dygraphs 3,146
16 react-simple-maps 3,015
17 React-Sight 2,845
18 echarts-gl 2,561
19 WebPlotDigitizer 2,556
20 semiotic 2,424
21 trading-vue-js 2,003
22 sqliteviz 2,044
23 quiver 1,735

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com