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.
-
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.
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
1
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. -
2
Facets
Visualizations for machine learning datasets
The power of machine learning comes from its ability to learn patterns from large amounts of data. Understanding your data is critical to building a powerful machine learning system. Facets contains two robust visualizations to aid in understanding and analyzing machine learning datasets. Get a sense of the shape of each feature of your dataset using Facets Overview, or explore individual observations using Facets Dive. Explore Facets Overview and Facets Dive on the UCI Census Income dataset, used for predicting whether an individual’s income exceeds $50K/yr based on their census data. The census data contains features such as age, education level, and occupation for each individual. Overview gives users a quick understanding of the distribution of values across the features of their dataset(s). Uncover several uncommon and common issues such as unexpected feature values, missing feature values for a large number of observation, training/serving skew and train/test/validation set skew. -
3
Graffle
Simple GraphQL Client for JavaScript
Graffle is a simple, minimal, and extensible GraphQL client for JavaScript, designed to provide type-safe queries and run in various environments. -
4
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. -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
5
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. -
6
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. -
7
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. -
8
React Lifecycle Methods diagram
Interactive React Lifecycle Methods diagram
React Lifecycle Methods Diagram is an interactive educational visualization of React component lifecycle methods. It is based on a lifecycle diagram originally shared by Dan Abramov and was rebuilt as a React web application. The diagram organizes methods according to when they run during component mounting, updating, and unmounting. Clicking a method opens its corresponding official React documentation for deeper reference. Commonly used methods are visually emphasized while related lifecycle actions are distinguished separately. Accessibility was designed for keyboard users and screen readers rather than relying only on visual interaction. The project also supports localization and can accommodate alternate diagram versions as React lifecycle APIs evolve. -
9
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 -
Earn up to 16% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
10
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. -
11
Vue Clock Visualizer
Simple clock component written in Vue
Simple clock component is written in Vue. -
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
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. -
14
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. -
15
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. -
16
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. -
17
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.
