Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/olavtenbosch/awesome-web-visualization-frameworks

Web visualization frameworks
https://github.com/olavtenbosch/awesome-web-visualization-frameworks

List: awesome-web-visualization-frameworks

canvas charts d3js graph javascript svg visualization webgl

Last synced: 16 days ago
JSON representation

Web visualization frameworks

Awesome Lists containing this project

README 

        
## awesome-web-visualization-frameworks [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

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:

1. it can be used to visualize data in a modern browser

2. it is free, open source and actively maintained

3. it supports at least one of SVG, Canvas or WebGL



[Contributions](#contributions) are welcome.



## Contents

- [Generic](#Generic)

- [Graphs](#graphs)

- [Geospatial](#geospatial)

- [3Dimensional](#3dimensional)

- [Time series](#time-series)

- [Other](#other)



#### Generic

- [D3](https://d3js.org/) - the most complete 2D data visualization library at time of writing. Supports SVG.

- [CreateJS/EaselJS](https://createjs.com/easeljs) - Games, art and other graphical experiences such as data vizualization. Supports Canvas.

- [Stardust](https://stardustjs.github.io/) - GPU-based Visualization Library. Uses webGL.

- [PIXI](http://www.pixijs.com/) - General purpose fast 2D WebGL renderer. Supports WebGL.

- [Graphology](https://github.com/graphology/graphology) - Multipurpose Graph lib; serves as base lib for other graph visualization libraries.

- [Visjs](http://visjs.org/) - Dynamic, browser based visualization, 2D and 3D. Supports Canvas.

- [Vx](https://vx-demo.now.sh/) - Visualization components based on d3.js and react.

- [Vega](https://vega.github.io/vega/) - A visualisation Grammar.

- [Vega-lite](https://vega.github.io/vega-lite/) - Easy JSON based visualisation tool, compiles to Vega.

- [NVD3](http://nvd3.org/) - Re-usable charts for d3.js.

- [Chart.js](http://www.chartjs.org/) - Simple charting library.

- [Highcharts](https://www.highcharts.com/) - Extensive visualization library.

- [Phenomenon](https://github.com/vaneenige/phenomenon) - Small, low-level WebGL library for high performance particle drawing.

- [Pts](https://ptsjs.org/) - Essential efficient building blocks for creative coding and visualization.

- [Deck.gl](http://deck.gl) - WebGL-powered framework for visual exploratory data analysis of large datasets.

- [Regl](https://github.com/regl-project/regl) - Fast functional webgl.

- [Sketch.js](http://soulwire.github.io/sketch.js/) - Minimal JavaScript Creative Coding Framework.

- [p5js](https://p5js.org/) - javascript library for creative coding .

- [Luma](https://luma.gl) - High-performance WebGL2 components for GPU-powered data visualization and computation.

- [Potree](http://www.potree.org/) - WebGL based point cloud renderer for large point clouds.

- [ogl](https://github.com/oframe/ogl) - Minimal WebGL framework.

- [ZIM](https://zimjs.com) - JavaScript Canvas Framework, based on Createjs.

- [SandDance](https://microsoft.github.io/SandDance/) - Visually explore and present data. Built on top of Vega and deck.gl.

- [TWGL](https://github.com/greggman/twgl.js) - Tiny WebGL helper Library.

- [D3FC](https://d3fc.io/) - Rapidly build fast, customizable interactive components with D3, supporting webgl.

- [genome-spy](https://github.com/tuner/genome-spy) - WebGL based datavis with scales and zoom.

- [DrasticTreemap](https://www.drasticdata.nl/treemapping.htm) - Drop a CSV and visualiz in treemap, barchart, scatter or circle diagram.

- [Antvis](https://github.com/antvis) - Set of webvis tools based on rendering engine [G](https://github.com/antvis/g).

- [Nivo](https://nivo.rocks) - dataviz on top of the d3 and Reactjs.

- [Perspective](https://perspective.finos.org/) - WebGL based analytics and datavis component for large and/or streaming datasets.



#### Graphs:

- [Sigma](http://sigmajs.org/) - Graph drawing. Supports WebGL with fallback to Canvas.

- [Cytoscape](http://js.cytoscape.org/) - Graph theory / network library. Support Canvas.

- [Cola](http://ialab.it.monash.edu/webcola/) - JavaScript constraint based layout for high-quality graph visualization.

- [G6](https://github.com/antvis/g6) - Graph visualization library powered by Javascript & Typescript.

- [Popoto](http://www.popotojs.com/) - Graph drawing and querying using D3 on neo4j databases. Supports SVG.

- [Arbor](http://arborjs.org/) - Graph visualization library using web workers and jquery. Supports Canvas.

- [Alchemy](http://graphalchemist.github.io/Alchemy/#/) - Graph drawing. Supports SVG.

- [Elgrapho](https://www.elgrapho.com/) - Graph drawing, on Webgl.

- [Grapher](https://grapher.network/) - An R integration of ngraph.

- [Graphin](https://github.com/antvis/Graphin) - Graph visualization library on top of [G6](https://github.com/antvis/g6))



#### Geospatial:

- [Deck.gl](https://deck.gl/) - WebGL framework for visual exploratory data analysis of large datasets.

- [L7](https://github.com/antvis/L7) -  WebGL geospatial datavis, part of Antvis.

- [Dipper](https://github.com/antvis/dipper) - Map application development framework powered by [L7](https://github.com/antvis/L7)



#### 3Dimensional:

- [three.js](https://threejs.org/) - 3D visualization. WebGL.

- [babylon.js](https://www.babylonjs.com/) - 3D visualization. WebGL.



#### Time series:

- [MetricsGraphics](https://metricsgraphicsjs.org/) - optimized for time-series data; built on D3



#### Other:

- [PixPlot](https://github.com/YaleDHLab/pix-plot) - A WebGL viewer for UMAP or TSNE-clustered images.

- [X6](https://x6.antv.vision/en) - diagram creation library for DAG diagrams, ER diagrams, flowcharts and other applications.

- [Reaflow](https://github.com/reaviz/reaflow) - React library for building workflow editors, flow charts and diagrams.

- [Kepler.gl](https://kepler.gl/) - Geospatial analysis tool for large-scale data sets.

- [F2](https://github.com/antvis/F2) - Mobile charting.



*****



## Contributions



Contributions or suggestions for improvement are welcome:



- The GitHub way: send us a [pull request](https://help.github.com/articles/creating-a-pull-request/) to add directly to this list.

- Add an item to the

  [issue tracker](https://github.com/olavtenbosch/awesome-web-visualization-frameworks/issues)

issue tracker (you need a Github account).

- Send an e-mail to `[email protected]` or tweet [\@olavtenbosch](https://twitter.com/olavtenbosch)



## License



[![Creative Commons License](https://i.creativecommons.org/l/by/4.0/88x31.png)](http://creativecommons.org/licenses/by/4.0/)  

This work is licensed under a [Creative Commons Attribution 4.0 International License](http://creativecommons.org/licenses/by/4.0/).