TypeScript Visualization

Open-source TypeScript projects categorized as Visualization | Edit details

Top 23 TypeScript Visualization Projects

  • echarts

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

    Project mention: [OC] U.S. Inflation Reach High in 20 Years | reddit.com/r/dataisbeautiful | 2022-04-12
  • visx

    🐯 visx | visualization components

    Project mention: I don't miss React: a story about using the platform | news.ycombinator.com | 2022-05-03

    I also went this route and used d3 for the math but my own hand-made SVGs for the rendering so that the DOM is all in "react land".

    You may want to check out this library: https://airbnb.io/visx/ They converted a ton of d3 features into proper React components

  • 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 highly interactive data-driven visualization grammar for statistical charts.

  • kepler.gl

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

    Project mention: Weekly Entering & Transitioning Thread | 06 Mar 2022 - 13 Mar 2022 | reddit.com/r/datascience | 2022-03-07

    Would be cool to see some data visualization for this dataset. E.g. whats the income distribution look like? Maybe could use a tool like Kepler to see how things look geospatially.

  • vscode-debug-visualizer

    An extension for VS Code that visualizes data during debugging.

  • react-diagrams

    a super simple, no-nonsense diagramming library written in react that just works

    Project mention: Looking for Node Editor, GUI Logic Block editor libraries | reddit.com/r/reactjs | 2022-04-20

    This is one I recently used. https://github.com/projectstorm/react-diagrams

  • graphql-voyager

    🛰️ Represent any GraphQL API as an interactive graph

    Project mention: While doing recon I found this '/graphql' endpoint. Did some introspection and found a few fields that seem not so sensitive. Would this still be considered as a security issue? | reddit.com/r/HowToHack | 2022-04-05

    Disclosure of the schema of a GraphQL API is at least informational. You can use a tool such as GraphQL Voyager to visualize what you got and see if there are any unprotected sensitive operations available.

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • SandDance

    Visually explore, understand, and present your data.

    Project mention: Show HN: Vizzu – Open-source charting library focused on animating charts | news.ycombinator.com | 2021-10-17

    They wrote a great paper explaining their "Unit Visualization" concept/approach: https://www.microsoft.com/en-us/research/wp-content/uploads/...

    IIRC their engine used to be their own in house WebGL code, but according to their GitHub ( https://github.com/Microsoft/SandDance) they are now using Deck.gl (https://deck.gl/) for rendering and Vega for chart logic. I do think it's not designed to be used as a library though but a complete studio like environment.

  • penrose

    Create beautiful diagrams just by typing mathematical notation in plain text.

    Project mention: Penrose: Create beautiful diagrams by typing mathematical notation in plain text | news.ycombinator.com | 2022-04-23
  • react-chartjs-2

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

    Project mention: What Chart Library do you use? | reddit.com/r/reactjs | 2022-01-19

    I just started a new project using react-chartsjs-2 and it’s working really well, so far. Should work okay directly integrating, too.

  • pts

    A library for visualization and creative-coding

    Project mention: [AskJS] What is the best canvas library to make an app like figma or integromat? | reddit.com/r/javascript | 2021-08-29
  • React Konva

    React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

    Project mention: Nextjs & konva error I'm not sure how to resolve | reddit.com/r/nextjs | 2022-03-14

    Links I found googling (https://github.com/konvajs/react-konva/issues/588, https://stackoverflow.com/questions/53139884/next-js-disable-server-side-rendering-on-some-pages) hint that I should turn off SSR, but it does not seem to work for me as doing what this (https://stackoverflow.com/a/64509306/153399) solution suggests does nothing for me and even though my app looks like this now:

  • jsonvisio.com

    🧩 Visualize your JSON data onto graphs seamlessly.

    Project mention: Programmatically Access AWS Console | reddit.com/r/aws | 2022-05-05

    I came across https://jsonvisio.com/ recently. Might be similar.

  • echarts-for-react

    ⛳️ Apache ECharts components for React wrapper. 一个简单的 Apache echarts 的 React 封装。

    Project mention: Using Apache ECharts with React and TypeScript | dev.to | 2021-07-02

    What about echarts-for-react?

  • dtale

    Visualizer for pandas data structures

    Project mention: Memray is a memory profiler for Python by Bloomberg | news.ycombinator.com | 2022-04-20
  • umbrella

    ⛱ Broadly scoped ecosystem & mono-repository of 163+ TypeScript projects for functional, data driven development

  • G2Plot

    :dango: An interactive and responsive charting library

    Project mention: Open source options for charts (gauge) for Blazor WebAssembly? | reddit.com/r/csharp | 2021-08-18

    As for AntBlazor, here's a breakdown of what I did. This is their introduction and you can see they use g2plot. Here is their github which has a link to their site.

  • kui

    A hybrid command-line/UI development experience for cloud-native development

    Project mention: Fig now supports JetBrains IDEs | news.ycombinator.com | 2022-04-21

    Our mission is to improve the developer experience in the terminal.

    We think that layer on new interfaces can help make the commandline even more powerful... as well as making it more accessible. Check out kui[0] to get an idea of what we're imagining.

    [0] https://github.com/kubernetes-sigs/kui

  • amcharts4

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

    Project mention: Anyone knows tiny, beautiful js chart library? | reddit.com/r/webdev | 2022-04-02

    In terms of beauty/features, I also use https://www.amcharts.com

  • rollup-plugin-visualizer

    📈⚖️ Visuallize your bundle

    Project mention: PageSpeed / Lighthouse - Reduce unused JavaScript | reddit.com/r/sveltejs | 2022-03-20

    I think https://github.com/btd/rollup-plugin-visualizer can help with checking which packages are the largest.

  • studio

    Robotics visualization and debugging (by foxglove)

    Project mention: Ask HN: Can you share websites that are pushing the utility of browsers forward? | news.ycombinator.com | 2022-05-15

    React + Typescript. Forgot to mention it’s open source so you can see for yourself:


  • Graphin

    A React toolkit for graph visualization based on G6

  • chartify

    📊 📈 📉 React.js plugin for building charts using CSS

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 2022-05-15.

TypeScript Visualization related posts


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

Project Stars
1 echarts 51,066
2 visx 15,187
3 G2 11,185
4 kepler.gl 8,571
5 vscode-debug-visualizer 7,267
6 react-diagrams 6,951
7 graphql-voyager 6,724
8 SandDance 5,727
9 penrose 5,371
10 react-chartjs-2 5,056
11 pts 4,769
12 React Konva 4,531
13 jsonvisio.com 4,108
14 echarts-for-react 3,642
15 dtale 3,393
16 umbrella 2,331
17 G2Plot 2,204
18 kui 2,178
19 amcharts4 1,079
20 rollup-plugin-visualizer 768
21 studio 698
22 Graphin 691
23 chartify 676
Find remote jobs at our new job board 99remotejobs.com. There are 9 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.