One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms. Learn more →
Top 23 TypeScript Data Visualization Projects
-
Grafana
The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.
While contributing to Grafana, I picked up a memory issue in the Time Comparison feature — a follow-up to earlier performance work I had done in the same area.
-
Puter.js
Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
-
PixiJS
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
If you're willing to do a bit more legwork, PixiJS [1] is also great at handling graphics (WebGL). It's what I used to build my animated jigsaw puzzle game [2].
[1] - https://pixijs.com
[2] - https://animated-puzzles.specr.net
-
Directus
The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.
Project mention: Self-hosted Directus 12 requires a license key to lift caps | news.ycombinator.com | 2026-06-17 -
Project mention: How to Build Canva-Like Collaboration with Velt AI Plugin & Fabric.js | dev.to | 2026-04-15
**Fabric.js:** canvas engine; handles the object model, transforms, serialization, and everything that makes a design editor feel like a design editor
-
Project mention: Recharts – A composable charting library built on React components | news.ycombinator.com | 2025-10-08
-
BabylonJS
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
-
AppSignal
AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
-
-
-
-
https://www.highcharts.com is still the best charting library there is.
-
-
Built this last night and fixed a bug today. It's a proof-of-concept of how to render network graphs with Zed's (https://zed.dev/blog/gpui-2-on-preview) gpui library. I plan to turn this into a more general purpose component library somewhat following the style/API of Reactflow (https://reactflow.dev) and Sigma.js (https://www.sigmajs.org/)
-
Is Kepler what you're looking for?
Not sure if I am pointing in the right direction but curious.
https://kepler.gl
-
Victory
-
Project mention: Friday Links #30 — JavaScript Updates, Tools, and Inspiration | dev.to | 2025-10-17
react-map-gl - React friendly API wrapper around MapboxGL JS
-
-
-
-
-
Project mention: lightdash VS onequery - a user suggested alternative | libhunt.com/r/lightdash | 2026-06-01
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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).
TypeScript Data Visualization discussion
TypeScript Data Visualization related posts
-
Flint: A Visualization Language for the AI Era
-
AI Reporting: How to Automate Reports Without Losing Trust
-
How to Build Customer-Facing Analytics for B2B SaaS
-
Real-Time Analytics: When You Need It and When You Don't
-
What Is an Agentic Semantic Layer?
-
MCP Charts: Add Interactive Charts to Your MCP Server
-
Show HN: Open-source language for analyzing, transforming, and modeling data
-
A note from our sponsor - Puter.js
developer.puter.com | 9 Aug 2026
Index
What are some of the best open-source Data Visualization projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Grafana | 76,110 |
| 2 | echarts | 67,012 |
| 3 | PixiJS | 47,962 |
| 4 | Directus | 37,184 |
| 5 | fabric.js | 31,371 |
| 6 | recharts | 27,475 |
| 7 | BabylonJS | 25,892 |
| 8 | visx | 20,995 |
| 9 | bokeh | 20,426 |
| 10 | G2 | 12,580 |
| 11 | Highcharts JS | 12,473 |
| 12 | G6 | 12,225 |
| 13 | sigma.js | 12,128 |
| 14 | kepler.gl | 11,954 |
| 15 | victory | 11,243 |
| 16 | react-map-gl | 8,482 |
| 17 | metrics-graphics | 7,404 |
| 18 | SandDance | 7,144 |
| 19 | react-chartjs-2 | 6,944 |
| 20 | BizCharts | 6,194 |
| 21 | lightdash | 6,023 |
| 22 | dtale | 5,211 |
| 23 | liam | 4,963 |
Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com