TypeScript Visualization

Open-source TypeScript projects categorized as Visualization

Top 23 TypeScript Visualization Projects

  • echarts

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

    Project mention: Build complex SPAs quickly with vue-element-admin | dev.to | 2023-03-30

    Dashboards have a lot of charts for different forms and data. This is another common requirement. This template recommends Apache ECharts, a powerful, easy-to-use, and flexible JavaScript visualization library.

  • jsoncrack.com

    ✨ Seamlessly visualize your JSON data instantly into graphs.

    Project mention: jsoncrack.com - what do they use for the graph visuals? | reddit.com/r/webdev | 2023-05-15

    https://github.com/AykutSarac/jsoncrack.com As far as I can see they don't use any package to visualize, but I also need that package, if you find it please let me know!

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

  • visx

    🐯 visx | visualization components

    Project mention: TypeScript, VisX | reddit.com/r/reactjs | 2023-04-15

    You could probably use this as a starting point to anchor it - there's a CodeSandbox link (which is a bit busted due to react-spring though) and I think you may just need to change the direction to "column."

  • G2

    📊 A concise and progressive visualization grammar.

  • 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: Best option to represent data in a map? | reddit.com/r/datascience | 2023-05-31

    https://kepler.gl/ ?

  • react-diagrams

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

    Project mention: Visual Gherkin Manager - devlog#2 | dev.to | 2022-11-27

    The library react-diagrams is very extensive, allowing easy customization of all necessary components styles and behaviors. For example, It were necessary to create custom node and label components to contemplate the desired needs.

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

  • vscode-debug-visualizer

    An extension for VS Code that visualizes data during debugging.

  • graphql-voyager

    🛰️ Represent any GraphQL API as an interactive graph

    Project mention: Can we get all fields? | reddit.com/r/graphql | 2022-09-24
  • SandDance

    Visually explore, understand, and present your data.

  • react-chartjs-2

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

    Project mention: React Chart Library Recommendations | reddit.com/r/webdev | 2023-05-09

    I'm currently using chart-js react-chartjs-2 it's ok but just wondering what else people could recommend for speed of implementation.

  • penrose

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

    Project mention: Penrose Create beautiful diagrams just by typing math notation in plain text | news.ycombinator.com | 2023-03-22
  • React Konva

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

    Project mention: What is the appropriate webpack loader for the 'canvas' package in a Node.js environment? | reddit.com/r/nextjs | 2023-05-26

    I'm currently using konva (& react-konva) package, to utilize it in Node.js enviroment I also need canvas package installed in. However, when running the code encountering this error:

  • pts

    A library for visualization and creative-coding

    Project mention: which technology or framework is used to create geometry-draggable canvas like this? | reddit.com/r/Frontend | 2022-10-23

    Pts.js - (sorry - couldn't find an example quickly)

  • vega-lite

    A concise grammar of interactive graphics, built on Vega.

    Project mention: Observable Plot: The JavaScript library for exploratory data visualization | news.ycombinator.com | 2023-04-26

    Nice, would be nice to have it integrated in GitHub markdown.

    Looks similar to Vega or Vega-lite(https://vega.github.io/vega-lite/). Definitely as rich as D3.js but gets the job done for simple visualisations.

  • echarts-for-react

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

    Project mention: A Rounded Solution to Image Handling on the OpenSauced Dashboard | dev.to | 2023-05-17

    Before adopting nivo and Cloudinary, we initially used Apache E-charts (specifically a React wrapper called echarts-for-react) to handle image processing and loading. This approach proved extremely slow, and it was quite the process in figuring out a better solution while we had a real-time constraint.

  • dtale

    Visualizer for pandas data structures

    Project mention: Data Scientists using neovim: how do you explore dataframes? | reddit.com/r/neovim | 2023-05-21

    I've looked into external tooling, libs such as dtale, which feel overly complicated for my use case (but I'm open to alternatives). What I would like to have instead is something akin to Spyder's variable viewer, which allows sorting by column. VSCode goes a step further and also provides the ability to filter the dataframe.

  • lit

    The Learning Interpretability Tool: Interactively analyze ML models to understand their behavior in an extensible and framework agnostic interface. (by PAIR-code)

  • mafs

    React components for interactive math

    Project mention: Is there a project similar to mafs in svelte? | reddit.com/r/sveltejs | 2023-05-30
  • Rath

    Next generation of automated data exploratory analysis and visualization platform.

    Project mention: FLaNK Stack for 15 May 2023 | dev.to | 2023-05-15
  • umbrella

    ⛱ Broadly scoped ecosystem & mono-repository of 180 TypeScript projects for general purpose, functional, data driven development

    Project mention: I made a typescript library similar to Immer but ~20 times faster and with zero-runtime freezing | reddit.com/r/javascript | 2023-01-10
  • kui

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

    Project mention: Need Help in selecting a CICD tool AWS CodePipeline Suite or Gitlab | reddit.com/r/devops | 2022-12-24

    Links: - https://github.com/kubernetes-sigs/kind - https://github.com/kubernetes-sigs/kui - https://github.com/k3s-io/k3s - https://docs.gitlab.com/charts/installation/deployment.html - https://github.com/bitnami/charts/tree/main/bitnami/argo-cd - https://github.com/bitnami/charts/tree/main/bitnami/argo-workflows - https://github.com/fluxcd/flux2

  • G2Plot

    :dango: An interactive and responsive charting library


    ONLYOFFICE Docs — document collaboration in your environment. Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises

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-05-31.

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 55,344
2 jsoncrack.com 24,313
3 visx 17,184
4 G2 11,627
5 G6 9,809
6 kepler.gl 9,412
7 react-diagrams 7,771
8 vscode-debug-visualizer 7,609
9 graphql-voyager 7,302
10 SandDance 6,048
11 react-chartjs-2 5,906
12 penrose 5,684
13 React Konva 5,088
14 pts 4,966
15 vega-lite 4,147
16 echarts-for-react 4,051
17 dtale 4,046
18 lit 3,126
19 mafs 3,018
20 Rath 2,949
21 umbrella 2,883
22 kui 2,519
23 G2Plot 2,421
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.