Open Source TypeScript Data Visualization Software
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.
-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
1
FossFLOW
Make beautiful isometric infrastructure diagrams
FossFLOW is an open-source Progressive Web App for creating visually rich isometric infrastructure and network diagrams directly in the browser. Built with React and the Isoflow library, the application provides a specialized environment for producing 2.5D technical diagrams that are especially useful for DevOps and architecture documentation. The project is structured as a monorepo containing both a reusable React component library and the full web application wrapper. Because it runs fully client-side with offline support, users can design diagrams without sending data to external servers. FossFLOW focuses on usability through drag-and-drop components, connector tools, and automatic saving capabilities. Overall, it serves engineers and technical teams who want a modern, open alternative to traditional diagramming tools with a strong visual infrastructure focus. -
2
GeoLibre
A lightweight, cloud-native GIS platform
GeoLibre is a free, open-source GIS platform for visualizing, exploring, and analyzing geospatial data. It is built to run across browsers, desktop apps, mobile screens, Android, and Jupyter notebooks. The platform keeps data local and private while still supporting cloud-native geospatial workflows. It uses technologies such as Tauri, React, TypeScript, MapLibre GL JS, DuckDB-WASM Spatial, and deck.gl. Users can load many local and remote geospatial formats, style map layers, inspect attributes, and run spatial analysis. It also includes advanced tools such as multi-map comparison, SQL workspaces, story maps, field collection, plugins, Python automation, and an AI GIS assistant. -
3
mapcn
Beautiful map components, 100% Free, Zero config, one command setup
mapcn is a research-oriented project centered on mapping continuous control in reinforcement learning to structured policies using neural networks. It explores how high-dimensional action spaces can be decomposed into structured primitives that can be learned, composed, and reused across different tasks. The core idea is to enable agents to generalize learned behavior by representing continuous control policies in a compact, interpretable form that preserves smoothness and controllability. The project includes implementations that experiment with policy encoding, action decomposition techniques, and sample efficiency analysis in classic reinforcement learning environments. By organizing action outputs into meaningful, lower-dimensional manifolds, MapCN attempts to improve both learning convergence and transfer performance when compared to unguided continuous control baselines. -
4
Rackula
Drag and drop rack visualizer
Rackula is a browser-based rack layout designer aimed at homelabbers, audio/video technicians, and equipment organizers who want a visual way to plan and document physical device racks. It runs entirely client-side with no backend server required, making it lightweight, fast, and easy to self-host or run locally without external dependencies. Users can drag and drop devices into customizable rack spaces, annotate equipment, set unit sizes, and manage complex layouts as their setup evolves. The tool emphasizes clarity and ease of use so that both hobbyists and professionals can plan wiring, sizing, and space allocation before physically committing to changes. It also supports exporting and sharing of layouts, which is useful for documentation or collaboration across teams. Community contributions focus on persistent storage, self-hosting guides, and UI improvements that make Rackula more adaptable for different environments. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
Superset
Apache Superset is a data visualization and data exploration platform
Apache Superset is a modern data exploration and visualization platform. Superset is fast, lightweight, intuitive, and loaded with options that make it easy for users of all skill sets to explore and visualize their data, from simple line charts to highly detailed geospatial charts. Quickly and easily integrate and explore your data, using either our simple no-code viz builder or state-of-the-art SQL IDE. Superset can connect to any SQL-based data source through SQLAlchemy, including modern cloud-native databases and engines at a petabyte-scale. Superset is lightweight and highly scalable, leveraging the power of your existing data infrastructure without requiring yet another ingestion layer. Superset ships with a wide array of beautiful visualizations. Our visualization plug-in architecture makes it easy to build custom visualizations that drop directly into Superset. -
6
XState
State machines and statecharts for the modern web
JavaScript and TypeScript finite state machines and statecharts for the modern web. Statecharts are a formalism for modeling stateful, reactive systems. This is useful for declaratively describing the behavior of your application, from the individual components to the overall application logic. XState is a library for creating, interpreting, and executing finite state machines and statecharts, as well as managing invocations of those machines as actors. The following fundamental computer science concepts are important to know how to make the best use of XState, and in general for all your current and future software projects. -
7
Foxglove Studio
Robotics visualization and debugging
Foxglove Studio is an open-source visualization and debugging tool for robotics. Use customizable layouts to arrange interactive visualizations and quickly understand what your robot is doing. Use Foxglove Studio's rich interactive visualizations to analyze live connections and pre-recorded data. Experience the world as your robot does. Visualize images and point clouds, overlay bounding boxes, add classification labels and planned movements, and drill down into your data with plots or raw message views. Upload recordings to your private data lake for easy storage, searching, and analysis. Stream recorded data directly into Foxglove Studio to get insights into your robots' behavior. We're long-time fans and beneficiaries of open source software. Join our community on Github and Slack to contribute bug reports, feature requests, or pull requests. -
8
RevoGrid
Powerful virtual data grid smartsheet with advanced customization
Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use. For large organizations managing massive datasets. Performance and scalability to handle even the most complex data tables. Rapid prototyping with intuitive and extendable codebase. Agility to build robust data-driven applications in no time. Quickly build elegant and efficient data grids. Lightweight yet powerful architecture lets you easily scale as your needs grow. -
9
Architecture as a code
Visualize, collaborate, and evolve the software architecture
Architecture as a code is an open-source modeling language and toolkit that enables software teams to describe, visualize, collaborate on, and maintain software architecture as code. Inspired by the C4 Model and other architectural DSLs, LikeC4 lets you define your system’s structure in a textual DSL and then automatically generate consistent diagrams that reflect that design, ensuring that architecture documentation stays in sync with source code changes. The project includes command-line tooling, IDE integrations, live preview servers, and diagram exporters, letting developers instantly see architectural diagrams update as the model evolves. By treating architecture as code, teams benefit from version control, live collaboration, consistency across diagrams, and the ability to treat architectural change with the same tooling and workflows used for code. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
Checkmate
Checkmate is an open-source, self-hosted tool
Checkmate is an open-source, self-hosted infrastructure monitoring platform that provides real-time visibility into server health, uptime, response times, and incident activity through a modern web interface. The application continuously checks whether websites and services are accessible and performing optimally, generating alerts and reports when availability or performance degrades. It supports detailed infrastructure monitoring through an optional agent called Capture, which collects hardware metrics such as CPU, memory, disk usage, and temperature from remote machines. The system is designed to scale, having been stress-tested with more than a thousand active monitors without major performance issues. Checkmate also includes incident tracking and notification capabilities so teams can quickly respond to outages or anomalies. Overall, the platform serves as a comprehensive, developer-friendly alternative to commercial uptime and infrastructure monitoring tools. -
11
Neuroglancer
WebGL-based viewer for volumetric data
Neuroglancer is a WebGL-based visualization tool designed for exploring large-scale volumetric and neuroimaging datasets directly in the browser. It allows users to interactively view arbitrary 2D and 3D cross-sections of volumetric data alongside 3D meshes and skeleton models, enabling precise examination of neural structures and biological imaging results. Its multi-pane interface synchronizes multiple orthogonal views with a central 3D viewport, making it ideal for analyzing complex brain imaging data such as connectomics datasets. Neuroglancer operates entirely client-side, fetching data over HTTP in a variety of supported formats including Neuroglancer precomputed, N5, Zarr, and NIfTI, among others. The viewer is built with a multi-threaded architecture, separating rendering and data processing to ensure smooth performance even with massive datasets. Extensively used in neuroscience research, Neuroglancer supports integration with tools. -
12
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. -
13
Data Formulator
Create rich visualizations with AI
To create rich visualizations, data analysts often need to iterate back and forth among data processing and chart specification to achieve their goals. To achieve this, analysts need not only proficiency in data transformation and visualization tools but also efforts to manage the branching history consisting of many different versions of data and charts. Recent LLM-powered AI systems have greatly improved visualization authoring experiences, for example by mitigating manual data transformation barriers via LLMs' code generation ability. However, these systems do not work well for iterative visualization authoring, because they often require analysts to provide, in a single turn, a text-only prompt that fully describes the complex visualization task to be performed, which is unrealistic to both users and models in many cases. In this paper, we present Data Formulator 2, an LLM-powered visualization system to address these challenges. -
14
GitNexus
Zero-Server Code Intelligence Engine
GitNexus is a zero-server code intelligence engine that builds an interactive knowledge graph of a codebase entirely within the user’s browser. The tool allows developers to drop in a GitHub repository or ZIP archive and automatically generate a relational map of files, dependencies, and structural relationships. Its core concept centers on precomputed relational intelligence, enabling AI systems to retrieve comprehensive context with minimal queries. GitNexus includes a built-in Graph RAG agent that helps users explore and understand complex repositories through intelligent navigation and querying. Because the system runs client-side, it emphasizes privacy and portability without requiring backend infrastructure. Overall, GitNexus is designed for developers, code reviewers, and AI tooling builders who need fast, visual codebase comprehension. -
15
Vue Clock Visualizer
Simple clock component written in Vue
Simple clock component is written in Vue. -
16
md2googleslides
Generate Google Slides from markdown
Generate Google Slides from markdown & HTML. Run from the command line or embed in another application. This project was developed as an example of how to use the Slides API. While it does not yet produce stunningly beautiful decks, you are encouraged to use this tool for quickly prototyping presentations. The first time the command is run you will be prompted for authorization. OAuth token credentials are stored locally in a file named ~/.md2googleslides/credentials.json. Each time you will run the above comment, new slide deck will be generated. In order to work on exactly the same deck, just get the ID of the already generated slides. md2googleslides does not edit or control any theme-related options. Just set a base theme you want on Google Slides directly. Even if you will use, append option for deck reuse, theme will be not changed. Images can be placed on slides using image tags. Multiple images can be included. -
17
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. -
18
tabix
Tabix.io UI
Open source simple business intelligence application and sql editor tool for Clickhouse. Auto-completion of fields, dictionaries and functions. Tips on fields and functions in Russian and English. Reformatting queries / autoformat. Minimizes brackets and subqueries. Setting the autocompletion / enableLiveAutocompletion. Backlight brackets. The list of functions is loaded based on the capabilities of the server. Displays which query is running. Display the number of tables at the database. The icon of the table depends on its engine. List of fields in the table and inserting the field when clicking in the editor. DB selection via double click in the tree, pop-up window about selection. Search in the tree of objects, filtering the tree. Rebuilding the list of databases / tables after the query is executed. Table with information about completed requests at the end of the list / Requests in the tab are logged for performance comparison. -
19
BizCharts
Powerful data visualization library based on G2 and React
BizCharts is Alibaba's general charting component library, dedicated to creating efficient, professional and convenient data visualization solutions in the middle and backend of enterprises. Based on the React charting library packaged by G2 and G2Plot, it has experienced three years of baptism in Alibaba's complex business scenarios. In terms of convenience, ease of use, and richness, it satisfies the business implementation of conventional charts and highly customized charts. After years of accumulation and continuous polishing, BizCharts 4.0 has been newly upgraded; in addition to having a flexible graphics syntax, it has added an interactive syntax and a better animation experience. At the same time, it enhances the React coding ability, and the writing is freer. The built-in encapsulation of responsive chart g2-plot works out of the box and complements the atomic capabilities of BizCharts to keep moving forward on the visual path of flexibility and ease of use. -
20
Briefer
Dashboards and notebooks in a single place
Briefer is an open-source collaborative data platform that brings notebooks, dashboards, and interactive data apps into a unified workspace that combines the flexibility of code with the simplicity of visual exploration. It’s designed so technical users can write Markdown, SQL, and Python side by side for data analysis, visualization, and reporting, while non-technical viewers can interact with results through inputs, dropdowns, and date pickers without writing any code. Users work in a Notion-style interface where they can build, organize, and share pages that contain executable code blocks, charts, text explanations, and interactive elements within the same document, enabling rich data storytelling and reproducible analytics. Briefer supports real-time collaboration, meaning multiple teammates can edit the same notebook or dashboard simultaneously and see changes live, which encourages shared analysis and decision making. -
21
D-Tale
Visualizer for pandas data structures
D-Tale is the combination of a Flask backend and a React front-end to bring you an easy way to view & analyze Pandas data structures. It integrates seamlessly with ipython notebooks & python/ipython terminals. Currently, this tool supports such Pandas objects as DataFrame, Series, MultiIndex, DatetimeIndex & RangeIndex. D-Tale was the product of a SAS to Python conversion. What was originally a perl script wrapper on top of SAS's insight function is now a lightweight web client on top of Pandas data structures. To help guard against users loading the same data to D-Tale multiple times and thus eating up precious memory, we have a loose check for duplicate input data. If you are running ipython<=5.0 then you also have the ability to adjust the size of your output cell for the most recent instance displayed. JupyterHub has an extension that allows to proxy port for user, JupyterHub Server Proxy. -
22
DataStation Community Edition
App to easily query, script, and visualize data from every database
DataStation is an open-source data IDE for developers. It allows you to easily build graphs and tables with data pulled from SQL databases, logging databases, metrics databases, HTTP servers, and all kinds of text and binary files. Need to join or munge data? Write embedded scripts as needed in languages like Python, JavaScript, R or SQL. All in one application. Build reports with graphs, charts and tables. Script against data. Cross-platform: Windows, macOS, and Linux. Easily fetch your data, wherever it is: 18 SQL and non-SQL databases, files, HTTP server. Over 20 supported databases out of the box including: PostgreSQL, MySQL, MariaDB, SQLite, SQL Server, Oracle, ClickHouse, Influx 1 (InfluxQL), Influx 2 (Flux), Prometheus, Elasticsearch, AWS Athena, Google BigQuery, Snowflake, Cassandra, Scylla, TimescaleDB, YugabyteDB, CockroachDB, CrateDB, QuestDB, and Airtable. -
23
Davinci
Davinci is a DVsaaS (Data Visualization as a Service) Platform
Davinci is oriented towards product managers, business people, data engineers, data analysts, data scientists, etc. It aims to provide a one-stop data visualization solution, which could be both independently used as a public cloud/private cloud and integrated into third-party systems as plugin. A simple configuration on Davinci UI can meet multiple visualization requirements. It also supports other visualization features like advanced interaction, industry analysis, pattern searching, social intelligence, etc. Sharing and intelligence capability means users could share their dashboards with others, which stimulates them to improve the visualization ability both in aesthetic perception and technical skills. In the field of data visualization, Davinci attaches great importance to basic interaction ability and various chart options; meanwhile, it lays more stress on integration and customization capability as well as sharing and intelligence capability. -
24
Excalidraw MCP
Fast and streamable Excalidraw MCP App
Excalidraw-MCP is an open-source Model Context Protocol (MCP) application and server that connects the visual power of Excalidraw’s hand-drawn diagram editor with AI-driven workflows, enabling agents like Claude, ChatGPT, VS Code, and other MCP-compatible hosts to generate and manipulate diagrams programmatically. Rather than being just a static whiteboard, Excalidraw-MCP serves diagrams in real time using an MCP backend and streams interactive visual output back to the client, letting AI tools create shapes, connectors, text, and entire diagrams as part of conversational or task-based sessions. Its design supports fast, streamable rendering with smooth viewport control and optional fullscreen editing so that diagrams feel live and fluid as they evolve. Users can deploy it locally or via services like Vercel, then configure their MCP host to point at the Excalidraw-MCP endpoint, so prompts like “draw an architecture diagram” yield immediate visual results within chat. -
25
F2
An elegant, interactive and flexible charting library for mobile
F2 is an out-of-the-box visualization engine focused on the mobile terminal, oriented to conventional statistical charts, perfectly supporting the H5 environment and compatible with multiple environments (Node, applet), complete graphics grammar theory, to meet your various visualization needs , professional mobile design guidelines to bring you the best mobile graphics experience. Best practices for moving side charts around design, performance and heterogeneous environments. Based on the grammar of graphics, Flexible construction of various charts (50+), complete components, covering various scenarios. Plugin, graphics, animation and interaction can be flexibly expanded and freely used. Covering business scenarios such as Ant membership, Alipay monthly bills, personal total assets, etc., it helps you understand your consumption data faster and better through visualization.
