TypeScript Data Visualization

Open-source TypeScript projects categorized as Data Visualization
Edit details
Topics: Visualization React Charts Data Analysis D3
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured

Top 23 TypeScript Data Visualization Projects

  • 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: Using Cloud Monitoring to Monitor IRIS-Based Applications Deployed in GKE | dev.to | 2024-05-23

    In this article, we’ll look at one of the ways to monitor the InterSystems IRIS data platform (IRIS) deployed in the Google Kubernetes Engine (GKE). The GKE integrates easily with Cloud Monitoring, simplifying our task. As a bonus, the article shows how to display metrics from Cloud Monitoring in Grafana.

  • echarts

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

    • Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • superset

    Apache Superset is a Data Visualization and Data Exploration Platform

    • Project mention: Show HN: Open-source BI and analytics for engineers | news.ycombinator.com | 2024-05-15

    We are looking at moving our Power BI stuff to Apache Superset [1]. How does this compare to Superset?

    [1] https://superset.apache.org/

  • PixiJS

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

    • Project mention: Achieving Success in Online Learning: A Practical Guide | dev.to | 2024-05-25

    PixiJS which uses TypeScript or JavaScript

  • Directus

    The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.

    • Project mention: How to Deploy Directus as a Backend-as-a-Service (BaaS) on Koyeb | dev.to | 2024-04-25

    Directus is an open data platform built to serve as a headless CMS, API, or Backend-as-a-Service (BaaS) for other applications. It is designed to make data accessible to people of all technical levels and to make it easy to build data-centric applications. Directus is extensible and can be integrated with many different frontend technologies to create stable, well-structured development and user experiences.

  • recharts

    Redefined chart library built with React and D3

    • Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29

    Chartjs looks great, but I've never used it so can't recommend personally. I've used https://recharts.org a lot with success.

  • BabylonJS

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

    • Project mention: Show HN: My wife and I made a maze game | news.ycombinator.com | 2024-04-12

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • visx

    🐯 visx | visualization components

    • Project mention: Top 23 React UI Component Libraries for Your Next Project🚀 | dev.to | 2024-05-30

    6. visx

  • G2

    📊 The concise and progressive visualization grammar.

  • Highcharts JS

    Highcharts JS, the JavaScript charting framework

    • Project mention: JavaScript Libraries for Implementing Trendy Technologies in Web Apps in 2024 | dev.to | 2024-04-09

    Highcharts.js

  • sigma.js

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

    • Project mention: Exploring Network Graph Visualization: Graphology and Sigma.js | dev.to | 2023-08-15

    Sigma.js Sigma.js on Github Graphology on Github

  • victory

    A collection of composable React components for building interactive data visualizations

    • Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31

    Victory is a set of modular charting components for React and React Native. Victory makes it easy to get started without sacrificing flexibility. Create one of a kind data visualizations with fully customizable styles and behaviors. Victory uses the same API for web and React Native applications for easy cross-platform charting.

  • 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: Noob here: Please tell me how can I integrate this type of map in my site? any js library? | /r/developersIndia | 2023-07-02

    This might help: https://kepler.gl/

  • react-map-gl

    React friendly API wrapper around MapboxGL JS

  • metrics-graphics

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

  • react-chartjs-2

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

    • Project mention: How To Create a Chart From a Dynamic Dataset in Next JS Using Chart.js | dev.to | 2024-01-05

    Chart JS is a great choice for creating charts as it has multiple visualizations. There are different integrations for the JS frameworks, and we shall use react-chart-js-2 library for Next JS.

  • SandDance

    Visually explore, understand, and present your data.

  • BizCharts

    Powerful data visualization library based on G2 and React.

  • dtale

    Visualizer for pandas data structures

    • Project mention: The free pandas visualizer, D-Tale, has now been integrated with ArcticDB which will allow users to load huge datasets and easily navigate their databases | /r/algotrading | 2023-07-06

    [D-Tale](https://github.com/man-group/dtale) has recently released version 3.2.0 on pypi & conda-forge: ``` pip install -U dtale conda install dtale -c conda-forge ``` But if you want to take it one step further you can now integrate it with [ArcticDB](https://github.com/man-group/ArcticDB): ``` pip install -U dtale[arcticdb] ``` This allows you the ability to navigate your libraries of datasets saved to your ArcticDB database! But the best part is that all the reads are occuring directly against ArcticDB so some of the memory constraints you may have been hit with before are now a thing of the past. Here's a full write up how to use this functionality along with a quick demo: https://github.com/man-group/dtale/blob/master/docs/arcticdb/ARCTICDB\_INTEGRATION.md Hope this helps & please support open-source by throwing your star on the [repo](https://github.com/man-group/dtale). Thanks! 🙏

  • Rath

    Next generation of automated data exploratory analysis and visualization platform.

  • bqplot

    Plotting library for IPython/Jupyter notebooks

    • Project mention: What python library you are using for interactive visualisation?(other than plotly) | /r/datascience | 2023-06-01

    didn't see anyone mention bqplot https://github.com/bqplot/bqplot

  • L7

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

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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 Data Visualization related posts

Index

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

Project Stars
1 Grafana 60,851
2 echarts 59,258
3 superset 59,593
4 PixiJS 42,764
5 Directus 25,717
6 recharts 22,883
7 BabylonJS 22,613
8 visx 18,891
9 G2 11,996
10 Highcharts JS 11,857
11 sigma.js 11,085
12 victory 10,814
13 G6 10,806
14 kepler.gl 10,055
15 react-map-gl 7,629
16 metrics-graphics 7,468
17 react-chartjs-2 6,441
18 SandDance 6,224
19 BizCharts 6,141
20 dtale 4,588
21 Rath 4,025
22 bqplot 3,577
23 L7 3,508

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com