SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript Visualization Projects
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Document address: ECharts Official Document
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
jsoncrack.com
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
Project mention: JSON Crack – Transform your data into interactive graphs | news.ycombinator.com | 2025-01-30 -
Visx is built for React, so it seamlessly integrates with React applications. Its architecture aligns with React's component-based approach, allowing developers to leverage React's state management and lifecycle methods for building dynamic and interactive visualizations.
-
-
To animate this, I'm using motion canvas, it's a very cool TS(yes) based npm package that allows you to animate using code, kind of like remotion except that... it was the first one I came across ok? I just came across remotion so not my problem!
-
chartdb
Database diagrams editor that allows you to visualize and design your DB with a single query.
🌍 Try it here: https://chartdb.io
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Occasionally, I saw an article named "Why do cats...?", which analyzed some preferences and behaviors of cats. The visual design in it attracted me very much. Its feature was the use of hand-drawn style and bubble-like layout. Besides, the lovely font was also pleasing. I like cats very much. I have a cat named Guagua (meaning cute and silly). Similarly, I am a front-end developer. I developed a graph visualization framework named AntV G6. Therefore, I thought I could achieve a similar design through this framework, and it turned out that I did!
-
-
LogicFlow
A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。
-
-
Project mention: Debug Visualizer: VS Code extension to visualise data structures while debugging | news.ycombinator.com | 2024-09-30
-
-
Semi, aside, but I'm desperate for a better way to make math diagrams (WYSIWYG style, not TeX). I asked about this a while ago and nothing is really doing it for me: https://news.ycombinator.com/item?id=38351370. Although since then I have heard about https://penrose.cs.cmu.edu/ as well. Right now I use Excalidraw because there's a fork (never landed... ugh) which supports TeX in labels. But its actual drawing tools are quite limited, not to mention janky. There are some other options not mentioned in that thread which I've found in since then, but I still haven't seen anything satisfactory.
If you made math stuff easy to draw I'd use your tool in a heartbeat.
-
React Chart.js 2 is a React wrapper for Chart.js, a popular JavaScript library for creating dynamic and interactive charts and graphs. It seamlessly integrates Chart.js functionality into React applications, providing developers with an easy-to-use solution for data visualization.
-
Project mention: Interview with Microsoft SandDance Creator Steven Drucker | news.ycombinator.com | 2024-08-29
-
React Konva
React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
-
-
-
Project mention: Vega – A declarative language for interactive visualization designs | news.ycombinator.com | 2024-08-23
- In our case some features were missing (and are still missing) - exponential average - that is most commonly used to smooth ML training curves.
[1] https://vega.github.io/vega-lite/
[2] https://dvc.org/doc/user-guide/experiment-management/visuali...
-
-
Project mention: Vega – A declarative language for interactive visualization designs | news.ycombinator.com | 2024-08-23
- RATH: Automation of data exploration workflow with one click. https://github.com/Kanaries/Rath
-
lit
The Learning Interpretability Tool: Interactively analyze ML models to understand their behavior in an extensible and framework agnostic interface. (by PAIR-code)
-
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 Visualization discussion
TypeScript Visualization related posts
-
Ask HN: What do you use to create diagrams?
-
animating gravitation physics
-
Optimizing Line Chart Performance with LTTB Algorithm
-
JSON Crack – Transform your data into interactive graphs
-
JSON Crack – Visualizing JSON data in structured, interactive graphs
-
JSON Crack – The open-source JSON Editor
-
Show HN: I built JSONtree a tool to validate, format, and graph JSON for devs
-
A note from our sponsor - SaaSHub
www.saashub.com | 22 Mar 2025
Index
What are some of the best open-source Visualization projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | echarts | 62,169 |
| 2 | jsoncrack.com | 37,269 |
| 3 | visx | 19,855 |
| 4 | bokeh | 19,710 |
| 5 | motion-canvas | 16,780 |
| 6 | chartdb | 14,339 |
| 7 | G2 | 12,217 |
| 8 | G6 | 11,372 |
| 9 | kepler.gl | 10,647 |
| 10 | LogicFlow | 9,527 |
| 11 | react-diagrams | 8,869 |
| 12 | vscode-debug-visualizer | 8,044 |
| 13 | graphql-voyager | 7,868 |
| 14 | penrose | 7,673 |
| 15 | react-chartjs-2 | 6,753 |
| 16 | SandDance | 6,455 |
| 17 | React Konva | 5,910 |
| 18 | pts | 5,233 |
| 19 | dtale | 4,872 |
| 20 | vega-lite | 4,790 |
| 21 | echarts-for-react | 4,660 |
| 22 | Rath | 4,364 |
| 23 | lit | 3,528 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai