jerry-zww/awesome-web-visualization-frameworks

Web visualization frameworks

awesome-web-visualization-frameworks

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 are welcome.

---

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.
• 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
• Data Illustrator: Data visualizations as in a design tool
• Highcharts: Advanced visualization library, also commercial
• 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

Time series data:

• MetricsGraphics: optimized for time-series data; built on D3

Graph drawing

• 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.
• 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.

Pictures and graphs

• PixPlot: A WebGL viewer for UMAP or TSNE-clustered images

3Dimensional

• three.js: 3D visualization. WebGL.
• babylon.js: 3D visualization. WEbGL.

Web-based

• DrasticTreemap: Drop a CSV and visualiz in treemap, barchart, scatter or circle diagram

High level visualisation frameworks:

• Nivo: dataviz on top of the d3 and Reactjs

---

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 @drasticdata

License

This work is licensed under a Creative Commons Attribution 4.0 International License.