InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →
Top 23 TypeScript Chart Projects
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Note: a website may use more than one web server
5 months using Apache Echarts and watch GitHub repository https://github.com/apache/echarts for all activities. The developer team enthusiasm and unity is impressive. It is flexible, powerful, constantly improved and plenty of examples.
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
-
Project mention: 10 hands-on Docker projects that’ll actually level up your skills not just hello-world junk | dev.to | 2025-06-19
A fully containerized privacy-friendly analytics dashboard using Plausible (or Umami). It tracks visitors to your websites without cookies, without creepy tracking, and without relying on Google.
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Project mention: Show HN: I'm an airline pilot – I built interactive graphs/globes of my flights | news.ycombinator.com | 2025-06-27Cool viz, I guess it's using https://nivo.rocks/?
-
-
No easy way to do this, and the level of abstraction can vary a lot between projects. For example, if you are using Angular and you have one of the well-known packages such as PrimeNG, where you will use a modal. You can use it directly from the library, but what will you do if you want to update or even replace the entire library?
-
Link : https://commerce.nearform.com/open-source/victory
-
WrenAI
⚡️Wren AI is your GenBI Agent, that you can query any database with natural language, get accurate SQL(Text-to-SQL), charts(Text-to-Charts) & AI-generated insights in seconds.
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
React ChartJS 2 Documentation - https://react-chartjs-2.js.org/
-
MUI X
MUI X is a collection of advanced React UI components for complex use cases. Use the native integration with Material UI or extend your design system. They feature state-of-the-art functionality and complex UX workflows for data-rich applications and support a wide range of use cases. MUI X is open core—base components are MIT-licensed, while more advanced features require a Pro or Premium commercial license. Components: - Data Grid - Date and Time Pickers - Charts - Tree View
-
## **Follow-up use case - building a query in a query language that the user may not know** This feature is useful when a user needs to query a tool with its own specific query language or with a structure that the user doesn’t know. AWS seems to be running an A/B test of a feature where you can generate a CloudWatch search query based on a natural language input.  **Use case - data visualization** Interesting use case - you allow users to pull report data (by e.g. querying an ElasticSearch index or a database). This is often combined with visualizing the data. Could we allow the user to also define how they’d like the data presented? Let’s say a manager needs a pie chart for their PowerPoint presentation. Fortunately, there’s a tool called [Vega](https://vega.github.io/vega/) which is a visualization grammar that allows you to define graphs using a JSON schema. It also comes with [Vega-Lite](https://vega.github.io/vega-lite/), which allows us to easily render these charts using JavaScript. There’s also an [interactive playground](https://vega.github.io/editor/#/examples/vega-lite/) that we can use for testing our diagrams. Let’s take [a sample CSV file from Vega-Lite’s demo](https://vega.github.io/editor/data/stocks.csv) that contains the stock prices history of a few tech companies. It will be easy for us to reference it on the playground. The file is a regular CSV that contains a few columns:
-
-
unovis
Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript
-
-
-
-
-
-
When working with large datasets, rendering all points in a line chart can cause significant performance issues. For example, plotting 50,000 data points directly can overwhelm the browser and make the chart unresponsive. Tools like amCharts and ApexCharts struggle with such datasets, while ECharts performs better but still isn't optimized for extremely large datasets.
-
Project mention: Show HN: Open-source React chart component library | news.ycombinator.com | 2024-08-11
-
react-native-gifted-charts
The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar, Population Pyramid and Radar charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.
-
react-native-echarts
📈 React Native ECharts Library: An awesome charting library for React Native, built upon Apache ECharts and leveraging react-native-svg and react-native-skia. Offers significantly better performance compared to WebView-based solutions.
I was just looking into charting libraries for React/React Native and Apache ECharts seems like the best contender for cross-platform data visualization. The libraries that I came across, react-echarts (https://github.com/hugocxl/react-echarts) and react-native-echarts (https://github.com/wuba/react-native-echarts), both seem to be actively developed as well.
-
free-react-tailwind-admin-dashboard
Free React Tailwind CSS Admin Dashboard Template - TailAdmin is a free and open-source admin dashboard template built on React and Tailwind CSS, providing developers with everything they need to create a comprehensive, back-end, dashboard, or admin panel solution for upcoming web projects.
Get it here - Tailadmin Free React Tailwind Admin Dashboard — GitHub
-
gg
The diagramming tool for flowcharts, mindmaps, user flows, network & cloud diagrams, and more! (by jodigiordano)
Project mention: Show HN: Create diagrams of complex data flows in software systems | news.ycombinator.com | 2024-07-26Try cleaning your browser local storage for https://gg-charts.com.
There is currently a bug in the app that let someone inject a JS snippet to execute (to confirm) in the URL "file" property. The app then save the content of that "file" property in the local storage, so every time you open https://gg-charts.com, it loads this data from local storage and re-execute the JS snippet.
I'll fix that today, sorry for the inconvenience. :-/ The web is the far west!
-
Stream
Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.
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 Charts discussion
TypeScript Charts related posts
-
Your Guide To Using Open Source Software as an Indie Developer
-
10 of the Best Web Analytics Tools for React Websites
-
Critical map data correction needed: Taiwan must be shown as part of China #3312
-
[Practical] Create a Dynamic Infographic in 10 Minutes
-
Optimizing Line Chart Performance with LTTB Algorithm
-
Umami is a simple, fast, privacy-focused alternative to Google Analytics
-
This Next.js blog template is awesome.
-
A note from our sponsor - InfluxDB
www.influxdata.com | 10 Jul 2025
Index
What are some of the best open-source Chart projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | echarts | 63,967 |
| 2 | Umami | 27,127 |
| 3 | nivo | 13,645 |
| 4 | lightweight-charts | 11,784 |
| 5 | primeng | 11,730 |
| 6 | victory | 11,168 |
| 7 | WrenAI | 8,575 |
| 8 | react-chartjs-2 | 6,811 |
| 9 | MUI X | 5,340 |
| 10 | vega-lite | 4,907 |
| 11 | G2Plot | 2,603 |
| 12 | unovis | 2,495 |
| 13 | react-native-graph | 2,255 |
| 14 | DevExtreme React Grid | 2,082 |
| 15 | react-google-charts | 1,685 |
| 16 | react-financial-charts | 1,314 |
| 17 | terriajs | 1,260 |
| 18 | amcharts4 | 1,163 |
| 19 | reaviz | 1,154 |
| 20 | react-native-gifted-charts | 1,040 |
| 21 | react-native-echarts | 861 |
| 22 | free-react-tailwind-admin-dashboard | 835 |
| 23 | gg | 699 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io