Open Source TypeScript Data Visualization Software - Page 2
Sort By:
TypeScript Data Visualization Software
View 452 business solutionsBrowse free open source TypeScript Data Visualization Software and projects below. Use the toggles on the left to filter open source TypeScript Data Visualization Software by OS, license, language, programming language, and project status.
-
$300 Free Credits to Build on Google CloudStart your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query petabytes in BigQuery, or build agents with Gemini Enterprise Agent Platform. Once your credits are used, keep building with 20+ always-free tier products including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. No commitment required—just sign up and start building.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
1
Hedgehog Lab
Run, compile and execute JavaScript for Scientific Computing
Hedgehog Lab is an open-source scientific computation tool in the browser. Before the development, Pleases make sure you are already installed and enabled the yarn. Once cloned, switch to the dev branch and navigate to the folder by typing cd hedgehog-lab and then running the provided commands. On each run the program compiles and it takes time. Please wait until it shows "Compiled successfully!" and instructions about with which IP:PORT to connect. -
2
HiPlot
HiPlot makes understanding high dimensional data easy
HiPlot is an interactive visualization toolkit for exploring high-dimensional experiments, especially those produced during hyperparameter search or ablation studies. Its core view is a parallel-coordinates plot that lets you brush, filter, and highlight runs to spot trade-offs, correlations, and Pareto fronts at a glance. You can load results from simple CSV/JSON logs or programmatically push “experiments” with typed fields, metrics, and tags. The UI supports dynamic filtering, color mapping, and tooltip details so you can iteratively narrow to the most promising configurations. Because it renders as self-contained HTML, you can embed the visualization in notebooks, export it, or serve it as a lightweight web app for teammates. HiPlot also offers summary statistics, correlation hints, and outlier highlighting to surface patterns that aren’t obvious from raw tables. -
3
MTTK Open BI
A user-friendly lightweight BI tool.
A user-friendly lightweight BI tool. It is a set of plugins of MTTK Lowcode Engine, so the user manual and develop manual are combined together with MTTK Low Code Engine. Code repository: https://github.com/jamie-mttk/mttk-lowcode-designer Online demo available at http://139.129.210.30:8825 (First visit may be slow) Username: admin Password: 123456 Lightweight No data processing engine offered, all the data processing depends on the target Databse Server. Easy to use For example ,to build an echart need to provide many many configurtaions/options, such as title location, grid position,etc. To simplified the usage ,only the important options should be configured by user with default setting, other options are set by BI system automatically. -
4
React Chart.js
React components for Chart.js, the most popular charting library
React components for Chart.js, the most popular charting library. With v4, this library introduces a number of breaking changes. In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit. You will find that any event which causes the chart to re-render, such as hover tooltips, etc., will cause the first dataset to be copied over to other datasets, causing your lines and bars to merge together. This is because to track changes in the dataset series, the library needs a key to be specified. If none is found, it can't tell the difference between the datasets while updating. Specify a different property to be used as a key by passing a datasetIdKey prop to your chart component. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
5
SGraph
Create charts by retrieving data from Stata on-the-fly
SGraph is a web application that interacts with Stata for creating graphs. It is a demo application that demostrates how to exploit SWire for creating web applications that communicate with Stata. SGraph is an open source project and you can download the code from the project web site web site or try the app on-line here: http://sgraph-with-swire.sourceforge.net/ The source project is hosted in GitHub: https://github.com/lomagno/sgraph -
6
SandDance
Visually explore, understand, and present your data
By using easy-to-understand views, SandDance helps you find insights about your data, which in turn help you tell stories supported by data, build cases based on evidence, test hypotheses, dig deeper into surface explanations, support decisions for purchases, or relate data into a wider, real world context. SandDance uses unit visualizations, which apply a one-to-one mapping between rows in your database and marks on the screen. Smooth animated transitions between views help you to maintain context as you interact with your data. This new version of SandDance has been rebuilt from scratch with the goal of being modular, extensible, and embeddable into your custom applications. We are open and driven by the community through contributions, feature requests, and discussion. SandDance was created by the Microsoft Research VIDA Group which explores novel technologies for visualization and immersive data analytics. -
7
TOAST UI Chart
Beautiful chart for data visualization
The Chart makes your data pop, and it is easy to use. It provides you with multiple charts like Bar, Column, Line, and more. The functionality of TOAST UI Chart is available when using the Plain JavaScript, React, Vue Component. TOAST UI Chart makes your data pop and presents it in a manner that is easy to understand. Furthermore, it provides a wide range of theme options for customizing the charts to be suitable for all of your services. Chart components like the title, axes, legends, tooltips, plots, series, and more can be customized through the options. Add different options and animations according to the charts' sizes by using the responsive option. Make the data presented in the Line, Area, and Treemap Charts zoomable with the zoomable option. View and manage new data as they are added realtime with the addData API and the options.series.shift option. -
8
Vue Clock Visualizer
Simple clock component written in Vue
Simple clock component is written in Vue. -
9
beautiful-mermaid
Render Mermaid diagrams as beautiful SVGs or ASCII art
beautiful-mermaid is a styling and rendering toolkit built to produce visually enhanced diagrams from Mermaid syntax, aiming to bridge the gap between simple technical diagrams and rich, presentation-ready visualizations, all while preserving the lightweight text-to-diagram workflow that Mermaid offers. Instead of plain, utilitarian shapes and lines, Beautiful Mermaid applies themes, typography enhancements, color palettes, and layout optimizations so diagrams look polished and professional without requiring manual graphic design. This makes it ideal for documentation, technical blogs, slide decks, and design discussions where clear, attractive visuals help convey complex ideas more effectively. The project includes presets for different aesthetic styles, customization options for branding or themes, and rendering pipelines that can export to multiple formats such as SVG, PNG, and PDF. -
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
10
billboard.js
Re-usable, easy interface JavaScript chart library based on D3.js
billboard.js is a re-usable, easy interface JavaScript chart library, based on D3.js. The name "billboard" comes from the famous "billboard chart" which everybody knows. billboard.js provides the easiest way to create a 'chart' instantly. Chart generation is super easy. With extensive options, you can create a chart instantly! Yes, billboard.js works on D3 v4+; what everybody was waiting for! All of the code was written as an ESM(ES Module) with ES6+ syntax. Combine hundreds of options to satisfy your needs. Checkout the examples to see in action! Play with the diverse options generated on the fly! If you want to use 'billboard.js' without installation, load files directly from one of the CDN providers. -
11
echarts-for-react
Apache ECharts components for React wrapper
echarts-for-react is a React wrapper for Apache ECharts that lets developers render ECharts visualizations inside React applications. It provides a simple component-based interface where users pass an ECharts option object to generate charts. The package supports common React integration needs, including themes, styles, loading states, chart-ready callbacks, event binding, and renderer options. It also exposes access to the underlying ECharts instance, which lets developers use the full ECharts API when needed. The project includes guidance for importing ECharts modules manually to reduce bundle size and for using it with Next.js. Overall, it is a practical bridge between React projects and the full charting power of Apache ECharts. -
12
ipyvolume
3d plotting for Python in the Jupyter notebook
3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL. Create quiver plots (like scatter, but with an arrow pointing in a particular direction). Render in the Jupyter notebook, or create a standalone html page (or snippet to embed in your page). Render in stereo, for virtual reality with Google Cardboard. Animate in d3 style, for instance, if the x coordinates or color of a scatter plots changes. Animations / sequences, all scatter/quiver plot properties can be a list of arrays, which can represent time snapshots. -
13
luma.gl
High-performance Toolkit for WebGL-based data visualization
luma.gl is a GPU toolkit for the Web-focused primarily on data visualization use cases. luma.gl aims to provide support for GPU programmers that need to work directly with shaders and want a low abstraction API that remains conceptually close to the WebGPU and WebGL APIs. Unlike other common WebGL APIs, the developer can choose to use the parts of luma.gl that support their use case and leave the others behind. While generic enough to be used for general 3D rendering, luma.gl's mandate is primarily to support GPU needs of data visualization frameworks in the vis.gl suite. -
14
ngx-datatable
A feature-rich yet lightweight data-table crafted for Angular
ngx-datatable is an Angular component for presenting large and complex data. It has all the features you would expect from any other table but in a light package with no external dependencies. The table was designed to be extremely flexible and light; it doesn't make any assumptions about your data or how you: filter, sort or page it. It was built for modern browsers using TypeScript, CSS3 and HTML5 and Angular 8.0.0. This is the sister project of the angular-data-table that is designed for Angular 1.x. Intelligent Column Width Algorithms (Force-fill & Flex-grow). Fixed AND Fluid height. Left and Right Column Pinning. Row Detail View. Decoupled theme'ing with included Google Material theme. Light codebase / No external dependencies. AoT Compilation Support. Universal Support. Cell & Row Selection. -
15
nw_wrld
nw_wrld is an event-driven sequencer for triggering visuals
nw_wrld is a procedurally generated world-building engine tailored for game developers and interactive storytellers who want to craft rich, random yet coherent environments without hand-crafting every detail. It uses noise functions and modular terrain algorithms to generate expansive maps, diverse biomes, and layered features like rivers, mountain ranges, forests, and resource nodes. The system is designed to be extensible, letting developers plug in new generation rules or tweak parameters with real-time previews so they can iterate rapidly on world design. It also includes utilities to derive metadata from worlds, such as climate distributions, strategic points of interest, and navigable paths, which can be consumed by gameplay systems or AI agents. For teams building games or simulations, nw_wrld provides a reusable foundation that reduces upfront world design costs while enabling endless variety. -
16
visx
Visualization components
visx a collection of expressive, low-level visualization primitives for React. At Airbnb, we made it a goal to unify our visualization stack across the company and in the process, we created a new project that brings together the power of D3 with the joy of React. visx is split into multiple packages. Start small and use only what you need. Bring your own state management, animation library, or CSS-in-JS solution. Odds are good your React app already has an opinion on how animation, theming, or styling is done. visx is careful not to add another one and integrates with all of them. As you start using visualization primitives, you’ll end up building your own charting library that’s optimized for your use case. You’re in control. And most importantly, it’s just React. If you know React, you can make visualizations. It’s all the same standard APIs and familiar patterns. visx should feel at home in any React codebase.
