TypeScript Data Visualization

Open-source TypeScript projects categorized as Data Visualization

Top 23 TypeScript Data Visualization Projects

  • echarts

    Apache ECharts is a powerful, interactive charting and data visualization library for browser

    Project mention: Best practice for UI design in scientific app | reddit.com/r/sveltejs | 2022-11-27

    apache-echarts for charting system (it has 3d chart anyway)

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

    Project mention: Grafana Labs Vs Nuance Communications | reddit.com/r/cscareerquestions | 2023-01-26


  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • superset

    Apache Superset is a Data Visualization and Data Exploration Platform

    Project mention: Superset db upgrade won't run | reddit.com/r/apachesuperset | 2023-01-21
  • PixiJS

    The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

    Project mention: React-Phaser | dev.to | 2023-01-24

    This solution works well with PIXI.js or a custom canvas solution.

  • recharts

    Redefined chart library built with React and D3

    Project mention: Suggest some advanced books on front end development | reddit.com/r/Frontend | 2022-12-06
  • BabylonJS

    Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

    Project mention: WebGL minigame on my new portfolio website | reddit.com/r/webdev | 2023-01-07

    I used Three.js for this one, it has lots of examples to help with the development. But the more time I spent with it the more convinced I became to develop own slim and modern WebGL2 (only) library and most likely using WASM for extra performance. Three.js is quite bloated and the code style is generally very outdated. As alternative there's also https://www.babylonjs.com/ which looks cool and they have nodes material editor, but I've not tried it yet. Speaking of nodes material editor, there's a fresh one https://nodetoy.co/ which is very cool.

  • visx

    🐯 visx | visualization components

    Project mention: Any libraries out there that you recommend for charts/graphs/trees in React? | reddit.com/r/reactjs | 2023-01-06

    Best one for React is VISX which is built on top of D3.js.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • G2

    📊 A concise and progressive visualization grammar.

  • Highcharts JS

    Highcharts JS, the JavaScript charting framework

    Project mention: How do you make these graphics? Is there a software or is it done thru Figma? | reddit.com/r/webdev | 2023-01-10
  • sigma.js

    A JavaScript library aimed at visualizing graphs of thousands of nodes and edges

    Project mention: Animated network graph with javascript, react, d3 | reddit.com/r/d3js | 2022-08-03

    If you're just using d3 for a network viz, consider using sigma.js

  • G6

    ♾ A Graph Visualization Framework in JavaScript

  • kepler.gl

    Kepler.gl is a powerful open source geospatial analysis tool for large-scale data sets.

    Project mention: I want to learn how to make artful maps like these. Is GIS a good place to learn this, or another program? | reddit.com/r/gis | 2023-01-12

    If you know any python programming, check out Kepler. It was a part of Uber's mapping systems that became open source. It can make pretty good looking maps. https://kepler.gl/

  • metrics-graphics

    A library optimized for concise and principled data graphics and layouts.

  • react-map-gl

    React friendly API wrapper around MapboxGL JS

    Project mention: How to find the documentation of a specific version? | reddit.com/r/mapbox | 2022-04-21

    And it points to version 6.1 documentation at https://github.com/visgl/react-map-gl/tree/6.1-release/docs

  • BizCharts

    Powerful data visualization library based on G2 and React.

  • SandDance

    Visually explore, understand, and present your data.

  • react-chartjs-2

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

    Project mention: How to build a Snowflake API? | dev.to | 2023-01-17

    An example of a Snowflake API request using JavaScript, React, and Chart.js. This example uses react-chartjs-2, a wrapper for Chart.js. Install the dependencies:

  • dtale

    Visualizer for pandas data structures

    Project mention: Mito – Excel-like interface for Pandas dataframes in Jupyter notebook | news.ycombinator.com | 2022-05-20


    I find that I'm actually a lot faster using basic Pandas methods to get the data I want in exactly the form I want it.

    If I really want to show everything, I just use:


  • bqplot

    Plotting library for IPython/Jupyter notebooks

  • aim

    Aim 💫 — easy-to-use and performant open-source ML experiment tracker.

    Project mention: Kubernetes for Data Science with Kubeflow | reddit.com/r/programming | 2022-12-22
  • L7

    🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis engine

    Project mention: Any GIS developers here? | reddit.com/r/gis | 2022-08-12

    I use Javascript do geospatial data visualization. I recommend learning GIS development through open source。 an open source spatial data visualization engine L7 https://github.com/antvis/L7 welcome star

  • datastation

    App to easily query, script, and visualize data from every database, file, and API.

    Project mention: Engineers using dbt with VS Code - how are you previewing your results in lieu of the functionality provided by dbt cloud? | reddit.com/r/dataengineering | 2022-06-29

    If my employer doesn't consider paying for dbt cloud, I will use u/eatonphil 's datastation, run the queries on a dev database then put them in dbt.

  • G2Plot

    :dango: An interactive and responsive charting library

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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). The latest post mention was on 2023-01-26.

TypeScript Data Visualization related posts


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

Project Stars
1 echarts 53,968
2 Grafana 53,537
3 superset 50,172
4 PixiJS 38,645
5 recharts 19,595
6 BabylonJS 19,208
7 visx 16,571
8 G2 11,494
9 Highcharts JS 10,934
10 sigma.js 10,372
11 G6 9,469
12 kepler.gl 9,143
13 metrics-graphics 7,475
14 react-map-gl 6,968
15 BizCharts 6,000
16 SandDance 5,961
17 react-chartjs-2 5,655
18 dtale 3,820
19 bqplot 3,395
20 aim 3,050
21 L7 2,951
22 datastation 2,646
23 G2Plot 2,354
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.