awesome-web-visualization-frameworks
awesome-web-visualization-frameworks copied to clipboard
Web visualization frameworks
awesome-web-visualization-frameworks ![Awesome](https://awesome.re/badge.svg)
The number of libraries for visualization on the web is huge. This awesome list is an attempt to create a growing list of frameworks listed for easy reference.
An item on this list is awesome because:
- it can be used to visualize data in a modern browser
- it is free, open source and actively maintained
- it supports at least one of SVG, Canvas or WebGL
Contributions are welcome.
Contents
- Generic
- Graphs
- Geospatial
- 3Dimensional
- Time series
- Other
Generic
- D3 - the most complete 2D data visualization library at time of writing. Supports SVG.
- CreateJS/EaselJS - Games, art and other graphical experiences such as data vizualization. Supports Canvas.
- Stardust - GPU-based Visualization Library. Uses webGL.
- PIXI - General purpose fast 2D WebGL renderer. Supports WebGL.
- Graphology - Multipurpose Graph lib; serves as base lib for other graph visualization libraries.
- Visjs - Dynamic, browser based visualization, 2D and 3D. Supports Canvas.
- Vx - Visualization components based on d3.js and react.
- Vega - A visualisation Grammar.
- Vega-lite - Easy JSON based visualisation tool, compiles to Vega.
- NVD3 - Re-usable charts for d3.js.
- Chart.js - Simple charting library.
- Highcharts - Extensive visualization library.
- Phenomenon - Small, low-level WebGL library for high performance particle drawing.
- Pts - Essential efficient building blocks for creative coding and visualization.
- Deck.gl - WebGL-powered framework for visual exploratory data analysis of large datasets.
- Regl - Fast functional webgl.
- Sketch.js - Minimal JavaScript Creative Coding Framework.
- p5js - javascript library for creative coding .
- Luma - High-performance WebGL2 components for GPU-powered data visualization and computation.
- Potree - WebGL based point cloud renderer for large point clouds.
- ogl - Minimal WebGL framework.
- ZIM - JavaScript Canvas Framework, based on Createjs.
- SandDance - Visually explore and present data. Built on top of Vega and deck.gl.
- TWGL - Tiny WebGL helper Library.
- D3FC - Rapidly build fast, customizable interactive components with D3, supporting webgl.
- genome-spy - WebGL based datavis with scales and zoom.
- DrasticTreemap - Drop a CSV and visualiz in treemap, barchart, scatter or circle diagram.
- Antvis - Set of webvis tools based on rendering engine G.
- Nivo - dataviz on top of the d3 and Reactjs.
- Perspective - WebGL based analytics and datavis component for large and/or streaming datasets.
Graphs:
- Sigma - Graph drawing. Supports WebGL with fallback to Canvas.
- Cytoscape - Graph theory / network library. Support Canvas.
- Cola - JavaScript constraint based layout for high-quality graph visualization.
- G6 - Graph visualization library powered by Javascript & Typescript.
- Popoto - Graph drawing and querying using D3 on neo4j databases. Supports SVG.
- Arbor - Graph visualization library using web workers and jquery. Supports Canvas.
- Alchemy - Graph drawing. Supports SVG.
- Elgrapho - Graph drawing, on Webgl.
- Grapher - An R integration of ngraph.
- Graphin - Graph visualization library on top of G6)
Geospatial:
- Deck.gl - WebGL framework for visual exploratory data analysis of large datasets.
- L7 - WebGL geospatial datavis, part of Antvis.
- Dipper - Map application development framework powered by L7
3Dimensional:
- three.js - 3D visualization. WebGL.
- babylon.js - 3D visualization. WebGL.
Time series:
- MetricsGraphics - optimized for time-series data; built on D3
Other:
- PixPlot - A WebGL viewer for UMAP or TSNE-clustered images.
- X6 - diagram creation library for DAG diagrams, ER diagrams, flowcharts and other applications.
- Reaflow - React library for building workflow editors, flow charts and diagrams.
- Kepler.gl - Geospatial analysis tool for large-scale data sets.
- F2 - Mobile charting.
Contributions
Contributions or suggestions for improvement are welcome:
- The GitHub way: send us a pull request to add directly to this list.
- Add an item to the issue tracker issue tracker (you need a Github account).
- Send an e-mail to
[email protected]
or tweet @olavtenbosch
License
This work is licensed under a Creative Commons Attribution 4.0 International License.