Awesome Data Visualization Collections


  • Wordart: is an online word cloud art creator that enables you to create amazing and unique word cloud art with ease. Professional quality results can be achieved in no time at all, even for users with no prior knowledge of graphic design.


  • YASAI : 用 P5.js 做的一些小工具。

Data Analysis

  • OpenRefine : A free, open source, powerful tool for working with messy data.



  • Hakim El Hattab: I love to experiment with graphics and interactivity.

  • The Pudding : The Pudding explains ideas debated in culture with visual essays.

Force Relationship

  • Software Galaxies : This repository combines visualizations of major software package managers.


  • waterpipe.js : waterpipe.js is a jQuery plugin for smoky backgrounds generation (HTML5 Canvas).

  • Earthbound-Battle-Backgrounds-JS: Earthbound Battle Background JS is exactly what its name implies: the battle backgrounds from the SNES RPG Earthbound/Mother 2, rendered entirely in client-side JavaScript.

  • AmbientCanvasBackgrounds : Five ambient webpage backgrounds created using the HTML5 Canvas API and jwagner’s Simplex Noise library.

  • WebGL-Fluid-Simulation : Play with fluids in your browser (works even on mobile)

  • 2017-bubbly-bg : Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped).

  • 2021-vanta : Animated 3D backgrounds for your website

Particle | 粒子效果

  • THREE.GPUParticleSystem : An easy to use GPU Accelerated particle system for Three.JS.

  • Earth WebGL Demo : Photorealistic 3D earth and space scene demo rendered and animated in WebGL.

  • DecorativeBackgrounds : A collection of decorative animated background shapes powered by WebGL and TweenMax

  • Pure CSS Francine: HTML/CSS drawing in the style of an 18th-century oil painting. Hand-coded entirely in HTML & CSS.


  • Gio.js : Gio.js is an open source library for web 3D globe data visualization built with Three.js. What makes Gio.js different is that it is simple to use Gio.js to customize a 3D data visualization model in a declarative way, add your own data, and integrate it into your own modern web application.