Visualization Tools
27 tools available
D3
Bring data to life with SVG, Canvas, and HTML. D3.js helps you create dynamic, interactive data visualizations in web browsers using a powerful toolset with a rich ecosystem.
Mermaid
A tool for generating diagrams such as flowcharts, sequence diagrams, and more from text, in a similar manner to markdown syntax. This tool is particularly useful for visualizing complex processes and information in an accessible and easy-to-understand format.
GitHub Readme Stats
Dynamically generated GitHub stats for your README files, enhancing engagement with visual graphs and data.
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.
Superset
Apache Superset is an open-source data visualization and data exploration platform, offering a wide range of visualization options and a user-friendly interface for interactive data exploration.
ECharts
Apache ECharts is a powerful, interactive charting and data visualization library for the browser, providing a wide range of chart types and features for beautiful data representation.
Metabase
Metabase is an easy-to-use open source Business Intelligence and Embedded Analytics tool that enables seamless interaction with data for everyone.
JSONCrack.com
โจ An open-source visualization application that transforms various data formats, including JSON, YAML, XML, and CSV, into interactive graphs.
React-three-fiber
๐จ๐ญ A powerful React renderer for Three.js, enabling declarative 3D graphics using the React ecosystem.
Redash
Make Your Company Data Driven. Connect to any data source, easily visualize, dashboard, and share your data.
Handsontable
Handsontable is a JavaScript data grid and data table offering a spreadsheet-like look and feel, fully compatible with React, Angular, and Vue. Developed and supported by the Handsontable team.
Thingsboard
Open-source IoT Platform for comprehensive device management, data collection, processing, and visualization.
Motion-canvas
Visualize Your Ideas With Code using Motion Canvas, designed for efficient and creative visualizations.
Tremor-npm
React components for building interactive and customizable charts and dashboards with ease.
Nivo
nivo provides a rich set of data visualization components, built on top of the d3 and React libraries.
Webpack Bundle Analyzer
Webpack plugin and CLI utility that visualizes bundle content as an interactive, zoomable treemap, helping developers optimize their Webpack bundles.
Rough Notation
A library to create and animate hand-drawn annotations on a web page, bringing attention to important elements stylishly.
TsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions, and fireworks animations. Use them as animated backgrounds for websites. Ready to use components for React.js, Vue.js, Angular, Svelte, and more.
Dependency Cruiser
Dependency Cruiser validates and visualizes dependencies according to your rules, supporting JavaScript, TypeScript, CoffeeScript, ES6, CommonJS, and AMD.
Codehike
A library to build rich content websites with Markdown and React, providing interactive and visual text enhancements for better engagement.
Lightdash
Lightdash is a self-serve business intelligence (BI) tool designed to empower data teams to work more efficiently and effectively.
Checkmate
Checkmate is an open-source, self-hosted tool designed to track and monitor server hardware, uptime, response times, and incidents in real-time with beautiful visualizations.
Mafs
Interactive math visualizations using React components, suitable for educational purposes and interactive applications.
Unovis
Modular data visualization framework supporting React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript.
React-native-graph
๐ Beautiful, high-performance Graphs and Charts for React Native, built using Skia, offering smooth and interactive data visualization.
Rollup Plugin Visualizer
๐โ๏ธ Visualize and analyze your Rollup bundle to optimize performance and size.
React Native Bundle Visualizer
A tool to analyze and identify packages contributing to the size of your React Native bundle. Useful for optimizing and managing dependencies to improve app performance.
Stay Updated!
Get notified about new tools and updates to existing ones.