Skip to content

olavtenbosch/awesome-web-visualization-frameworks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 

Repository files navigation

awesome-web-visualization-frameworks Awesome

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.

Contents

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:

Time series:

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 olavtenbosch@gmail.com or tweet @olavtenbosch

License

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