{"id":16190,"url":"https://github.com/olavtenbosch/awesome-web-visualization-frameworks","name":"awesome-web-visualization-frameworks","description":"Web visualization frameworks","projects_count":57,"last_synced_at":"2026-08-12T21:00:20.091Z","repository":{"id":43740031,"uuid":"138077049","full_name":"olavtenbosch/awesome-web-visualization-frameworks","owner":"olavtenbosch","description":"Web visualization frameworks","archived":false,"fork":false,"pushed_at":"2025-02-01T13:06:35.000Z","size":23,"stargazers_count":63,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"master","last_synced_at":"2026-07-24T11:04:02.003Z","etag":null,"topics":["canvas","charts","d3js","graph","javascript","svg","visualization","webgl"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/olavtenbosch.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2018-06-20T19:30:14.000Z","updated_at":"2026-06-09T16:53:33.000Z","dependencies_parsed_at":"2023-02-01T03:00:28.793Z","dependency_job_id":null,"html_url":"https://github.com/olavtenbosch/awesome-web-visualization-frameworks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/olavtenbosch/awesome-web-visualization-frameworks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olavtenbosch%2Fawesome-web-visualization-frameworks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olavtenbosch%2Fawesome-web-visualization-frameworks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olavtenbosch%2Fawesome-web-visualization-frameworks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olavtenbosch%2Fawesome-web-visualization-frameworks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/olavtenbosch","download_url":"https://codeload.github.com/olavtenbosch/awesome-web-visualization-frameworks/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olavtenbosch%2Fawesome-web-visualization-frameworks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36582059,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-06T04:43:03.162Z","status":"online","status_checked_at":"2026-08-12T02:00:07.134Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-13T12:53:56.208Z","updated_at":"2026-08-12T21:00:20.091Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Uncategorized","Contributions","License"],"sub_categories":["Uncategorized"],"readme":"## awesome-web-visualization-frameworks [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)\nThe number of libraries for visualization on the web is huge.\nThis awesome list is an attempt to create a growing list of frameworks listed for easy reference.\n\n#### An item on this list is awesome because:\n1. it can be used to visualize data in a modern browser\n2. it is free, open source and actively maintained\n3. it supports at least one of SVG, Canvas or WebGL\n\n[Contributions](#contributions) are welcome.\n\n## Contents\n- [Generic](#Generic)\n- [Graphs](#graphs)\n- [Geospatial](#geospatial)\n- [3Dimensional](#3dimensional)\n- [Time series](#time-series)\n- [Other](#other)\n\n#### Generic\n- [D3](https://d3js.org/) - the most complete 2D data visualization library at time of writing. Supports SVG.\n- [CreateJS/EaselJS](https://createjs.com/easeljs) - Games, art and other graphical experiences such as data vizualization. Supports Canvas.\n- [Stardust](https://stardustjs.github.io/) - GPU-based Visualization Library. Uses webGL.\n- [PIXI](http://www.pixijs.com/) - General purpose fast 2D WebGL renderer. Supports WebGL.\n- [skia-canvas](https://github.com/samizdatco/skia-canvas) - GPU-accelerated 2D graphics environment for Node\n- [node-canvas](https://github.com/Automattic/node-canvas) - a Cairo-backed Canvas implementation for Node.js.\n- [Graphology](https://github.com/graphology/graphology) - Multipurpose Graph lib; serves as base lib for other graph visualization libraries.\n- [Visjs](http://visjs.org/) - Dynamic, browser based visualization, 2D and 3D. Supports Canvas.\n- [Vx](https://vx-demo.now.sh/) - Visualization components based on d3.js and react.\n- [Vega](https://vega.github.io/vega/) - A visualisation Grammar.\n- [Vega-lite](https://vega.github.io/vega-lite/) - Easy JSON based visualisation tool, compiles to Vega.\n- [NVD3](http://nvd3.org/) - Re-usable charts for d3.js.\n- [Chart.js](http://www.chartjs.org/) - Simple charting library.\n- [Highcharts](https://www.highcharts.com/) - Extensive visualization library.\n- [Phenomenon](https://github.com/vaneenige/phenomenon) - Small, low-level WebGL library for high performance particle drawing.\n- [Pts](https://ptsjs.org/) - Essential efficient building blocks for creative coding and visualization.\n- [Deck.gl](http://deck.gl) - WebGL-powered framework for visual exploratory data analysis of large datasets.\n- [Regl](https://github.com/regl-project/regl) - Fast functional webgl.\n- [Sketch.js](http://soulwire.github.io/sketch.js/) - Minimal JavaScript Creative Coding Framework.\n- [p5js](https://p5js.org/) - javascript library for creative coding .\n- [Luma](https://luma.gl) - High-performance WebGL2 components for GPU-powered data visualization and computation.\n- [Potree](http://www.potree.org/) - WebGL based point cloud renderer for large point clouds.\n- [ogl](https://github.com/oframe/ogl) - Minimal WebGL framework.\n- [ZIM](https://zimjs.com) - JavaScript Canvas Framework, based on Createjs.\n- [SandDance](https://microsoft.github.io/SandDance/) - Visually explore and present data. Built on top of Vega and deck.gl.\n- [TWGL](https://github.com/greggman/twgl.js) - Tiny WebGL helper Library.\n- [D3FC](https://d3fc.io/) - Rapidly build fast, customizable interactive components with D3, supporting webgl.\n- [genome-spy](https://github.com/tuner/genome-spy) - WebGL based datavis with scales and zoom.\n- [DrasticTreemap](https://www.drasticdata.nl/treemapping.htm) - Drop a CSV and visualiz in treemap, barchart, scatter or circle diagram.\n- [Antvis](https://github.com/antvis) - Set of webvis tools based on rendering engine [G](https://github.com/antvis/g).\n- [Nivo](https://nivo.rocks) - dataviz on top of the d3 and Reactjs.\n- [Perspective](https://perspective.finos.org/) - WebGL based analytics and datavis component for large and/or streaming datasets.\n\n#### Graphs:\n- [Sigma](http://sigmajs.org/) - Graph drawing. Supports WebGL with fallback to Canvas.\n- [Cytoscape](http://js.cytoscape.org/) - Graph theory / network library. Support Canvas.\n- [Cola](http://ialab.it.monash.edu/webcola/) - JavaScript constraint based layout for high-quality graph visualization.\n- [G6](https://github.com/antvis/g6) - Graph visualization library powered by Javascript \u0026 Typescript.\n- [Popoto](http://www.popotojs.com/) - Graph drawing and querying using D3 on neo4j databases. Supports SVG.\n- [Arbor](http://arborjs.org/) - Graph visualization library using web workers and jquery. Supports Canvas.\n- [Alchemy](http://graphalchemist.github.io/Alchemy/#/) - Graph drawing. Supports SVG.\n- [Elgrapho](https://www.elgrapho.com/) - Graph drawing, on Webgl.\n- [Grapher](https://grapher.network/) - An R integration of ngraph.\n- [Graphin](https://github.com/antvis/Graphin) - Graph visualization library on top of [G6](https://github.com/antvis/g6))\n\n#### Geospatial:\n- [Deck.gl](https://deck.gl/) - WebGL framework for visual exploratory data analysis of large datasets.\n- [L7](https://github.com/antvis/L7) -  WebGL geospatial datavis, part of Antvis.\n- [Dipper](https://github.com/antvis/dipper) - Map application development framework powered by [L7](https://github.com/antvis/L7)\n\n#### 3Dimensional:\n- [three.js](https://threejs.org/) - 3D visualization. WebGL.\n- [babylon.js](https://www.babylonjs.com/) - 3D visualization. WebGL.\n\n#### Time series:\n- [MetricsGraphics](https://metricsgraphicsjs.org/) - optimized for time-series data; built on D3\n\n#### Other:\n- [PixPlot](https://github.com/YaleDHLab/pix-plot) - A WebGL viewer for UMAP or TSNE-clustered images.\n- [X6](https://x6.antv.vision/en) - diagram creation library for DAG diagrams, ER diagrams, flowcharts and other applications.\n- [Reaflow](https://github.com/reaviz/reaflow) - React library for building workflow editors, flow charts and diagrams.\n- [Kepler.gl](https://kepler.gl/) - Geospatial analysis tool for large-scale data sets.\n- [F2](https://github.com/antvis/F2) - Mobile charting.\n\n*****\n\n## Contributions\n\nContributions or suggestions for improvement are welcome:\n\n- The GitHub way: send us a [pull request](https://help.github.com/articles/creating-a-pull-request/) to add directly to this list.\n- Add an item to the\n  [issue tracker](https://github.com/olavtenbosch/awesome-web-visualization-frameworks/issues)\nissue tracker (you need a Github account).\n- Send an e-mail to `olavtenbosch@gmail.com` or tweet [\\@olavtenbosch](https://twitter.com/olavtenbosch)\n\n\n## License\n\n[![Creative Commons License](https://i.creativecommons.org/l/by/4.0/88x31.png)](http://creativecommons.org/licenses/by/4.0/)  \nThis work is licensed under a [Creative Commons Attribution 4.0 International License](http://creativecommons.org/licenses/by/4.0/).\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/olavtenbosch%2Fawesome-web-visualization-frameworks/projects"}