TypeScript Chart

Open-source TypeScript projects categorized as Chart

Top 23 TypeScript Chart Projects

  1. recharts

    Redefined chart library built with React and D3

    Project mention: Demystifying npm package installation: Insights, analysis and optimization tips | dev.to | 2025-04-22

    In order to run each scenario, there must be a package.json file present. For this analysis, we will use the following package.json file. This is a real package.json file, that I've used when creating a simple demo of Recharts library.

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. visx

    đŸ¯ visx | visualization components

    Project mention: 10 of the Best Web Analytics Tools for React Websites | dev.to | 2025-03-20

    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.

  4. TOAST UI Editor

    🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

    Project mention: Show HN: Unforget, the note-taking app I always wanted: offline first, encrypted | news.ycombinator.com | 2024-06-11

    What problems did you encounter with something like https://ui.toast.com/tui-editor? Which is much more featureful than simplemde.

  5. G2

    📊 The concise and progressive visualization grammar.

  6. victory

    A collection of composable React components for building interactive data visualizations

    Project mention: Six Incredible React Libraries đŸ’ģ🚀 | dev.to | 2024-08-23

    Link : https://commerce.nearform.com/open-source/victory

  7. react-chartjs-2

    React components for Chart.js, the most popular charting library

    Project mention: Building Charts with React and ChartJS | dev.to | 2025-04-03

    React ChartJS 2 Documentation - https://react-chartjs-2.js.org/

  8. BizCharts

    Powerful data visualization library based on G2 and React.

  9. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  10. billboard.js

    📊 Re-usable, easy interface JavaScript chart library based on D3.js

    Project mention: billboard.js 3.14 release: viewBox resizing! | dev.to | 2024-10-24
  11. vue-chartjs

    📊 Vue.js wrapper for Chart.js

  12. echarts-for-react

    â›ŗī¸ Apache ECharts components for React wrapper. 一ä¸ĒįŽ€å•įš„ Apache echarts įš„ React å°čŖ…ã€‚

  13. ngx-charts

    :bar_chart: Declarative Charting Framework for Angular

  14. plottable

    :bar_chart: A library of modular chart components built on D3

  15. react-native-chart-kit

    📊React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph (heatmap)

  16. cal-heatmap

    Cal-Heatmap is a javascript charting library to create a time-series calendar heatmap

    Project mention: GitHub like Contribution HeatMap in JS | dev.to | 2024-08-08

    We will be using a library called cal-heatmap

  17. react-native-graph

    📈 Beautiful, high-performance Graphs and Charts for React Native built with Skia

  18. rollup-plugin-visualizer

    đŸ“ˆâš–ī¸ Visuallize your bundle

    Project mention: bundle-stats alternatives - webpack-bundle-analyzer, statoscope, and rollup-plugin-visualizer | libhunt.com/r/bundle-stats | 2025-04-04
  19. react-google-charts

    A thin, typed, React wrapper over Google Charts Visualization and Charts API.

  20. obsidian-tracker

    A plugin tracks occurrences and numbers in your notes

    Project mention: Hone Your Craft | dev.to | 2024-07-09

    Keep track of your progress. I use obsidian tracker to keep track of my habits, workouts and so on

  21. VChart

    VChart, more than just a cross-platform charting library, but also an expressive data storyteller.

    Project mention: How to customize the shape of Tooltip in Vchart? | dev.to | 2024-06-07

    VChart Github: https://github.com/VisActor/VChart

  22. amcharts4

    The most advanced amCharts charting library for JavaScript and TypeScript apps.

    Project mention: Optimizing Line Chart Performance with LTTB Algorithm | dev.to | 2025-02-01

    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.

  23. ngx-graph

    Graph visualization library for angular

  24. 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.

    Project mention: Apache ECharts | news.ycombinator.com | 2025-04-08

    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.

  25. Heat.js

    🌞 A lightweight JavaScript library that generates customizable heat maps, charts, and statistics to visualize date-based activity and trends.

  26. 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.

    InfluxDB 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).

TypeScript Chart discussion

Log in or Post with

TypeScript Chart related posts

  • bundle-stats alternatives - webpack-bundle-analyzer, statoscope, and rollup-plugin-visualizer

    4 projects | 4 Apr 2025
  • Building Charts with React and ChartJS

    2 projects | dev.to | 3 Apr 2025
  • "Performance Has Improved!" Can You Really Prove It?

    2 projects | dev.to | 10 Dec 2024
  • Portfolio of a 4-Year Frontend Developer

    1 project | dev.to | 10 Dec 2024
  • billboard.js 3.14 release: viewBox resizing!

    1 project | dev.to | 24 Oct 2024
  • Flitter: A new approach to web graphics rendering – seeking community feedback

    2 projects | news.ycombinator.com | 25 Aug 2024
  • billboard.js 3.13 release: new area-step-range chart!

    1 project | dev.to | 23 Aug 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 15 May 2025
    Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more →

Index

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

# Project Stars
1 recharts 25,147
2 visx 19,996
3 TOAST UI Editor 17,476
4 G2 12,299
5 victory 11,142
6 react-chartjs-2 6,780
7 BizCharts 6,184
8 billboard.js 5,910
9 vue-chartjs 5,649
10 echarts-for-react 4,738
11 ngx-charts 4,324
12 plottable 3,001
13 react-native-chart-kit 2,964
14 cal-heatmap 2,879
15 react-native-graph 2,226
16 rollup-plugin-visualizer 2,120
17 react-google-charts 1,673
18 obsidian-tracker 1,525
19 VChart 1,518
20 amcharts4 1,162
21 ngx-graph 959
22 react-native-echarts 834
23 Heat.js 706

Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?