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. Learn more →
Top 23 JavaScript Visualization Projects
-
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.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
trading-vue-js
💹 Hackable charting lib for traders. You can draw literally ANYTHING on top of candlestick charts. [Not Maintained]
-
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.
Project mention: Build Your Own Uptime Monitor with MeteorJS + Fetch + Plotly.js ☄️🔭 | dev.to | 2024-03-08Plotly as our chart renderer
Project mention: Show HN: A JavaScript library for data visualization in both SVG and Canvas | news.ycombinator.com | 2024-04-11
Project mention: Show HN: Minard – Generate beautiful charts with natural language | news.ycombinator.com | 2024-04-18Hi 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.
Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14Ever wondered what makes React tick? Unveil the magic with this detailed exploration here.
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.
Project mention: Potential of the Julia programming language for high energy physics computing | news.ycombinator.com | 2023-12-04I 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.
Project mention: Meshery: Simplifying Cloud Infrastructure and Kubernetes Management | dev.to | 2024-02-17Meshery 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.
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 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.
Project mention: Digitized Continuous Magnetic Recordings for the 1859 Carrington Event | news.ycombinator.com | 2024-04-23Something similar which is more recently-maintained: https://github.com/automeris-io/WebPlotDigitizer
JavaScript Visualization related posts
- Digitized Continuous Magnetic Recordings for the 1859 Carrington Event
- Show HN: Minard – Generate beautiful charts with natural language
- Show HN: SlideSynth
- Observable 2.0, a static site generator for data apps
- Plotting XGBoost Models with Elixir
- SQLite Db Admin in the Browser
- What website frameworks are used to build these websites?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 26 Apr 2024
Index
What are some of the best open-source Visualization projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | algorithm-visualizer | 46,118 |
2 | plotly.js | 16,523 |
3 | apexcharts.js | 13,831 |
4 | vega | 10,847 |
5 | dc.js | 7,409 |
6 | roughViz | 6,630 |
7 | Under-the-hood-ReactJS | 6,346 |
8 | heatmap.js | 6,148 |
9 | falcon | 5,132 |
10 | Pluto.jl | 4,871 |
11 | meshery | 4,853 |
12 | joint | 4,405 |
13 | vizceral | 4,053 |
14 | VivaGraphJS | 3,705 |
15 | dygraphs | 3,142 |
16 | react-simple-maps | 2,997 |
17 | React-Sight | 2,845 |
18 | echarts-gl | 2,547 |
19 | WebPlotDigitizer | 2,496 |
20 | semiotic | 2,421 |
21 | trading-vue-js | 2,003 |
22 | sqliteviz | 1,856 |
23 | quiver | 1,735 |
Sponsored