Lists on Web Animation & Data Visualisation
Page Scope: web and data interactivity, animation, and visualisation
- Table of Contents
- Web Animation Libraries
- Diagramming & Data Visualisation Tools
- Animation Resources
- Note Todo
Covering JavaScript and CSS3 tools.
| SYSTEM NAME | DESCRIPTION |
|---|---|
| Animate CSS | Cross-browser CSS3 animations. |
| Anime JS | Lightweight JavaScript animation library. |
| Barba JS | Animated transitions between pages |
| Bounce JS | CSS3 web animations |
| Create JS | A suite of modular Javascript libraries and tools. |
| Easel JS | JS library simplifying use of HTML5 Canvas elements. |
| Easing JS | Easing function to play with feeling-of motion. |
| GSAP JS | Premier web animation library. |
| Kute JS | Javascript animation engine. |
| Lettering JS | A jQuery plugin for web typography |
| Locomotive | Browser scroll, smoothing, and parallax effects. |
| Lottie Files | AAE animation files |
| Manim | An engine for precise programmatic animations |
| Motion UI | Sass library for creating CSS transitions and animations |
| Motion | Javascript animation toolbox. |
| Popmotion.js | Javascript animation toolbox. |
| Preload JS | A JS library to manage and co-ordinate loading of assets/data |
| Raphael JS | JS library to simplify using vector graphics on the web. |
| React Motion | Library to assist with animation motion curves e.g. easing |
| React Spring | Animation library for React applications. |
| Remotion Animated | Animation library for Remotion JS library |
| Sal JS | Lightweight JavaScript scroll animation library |
| Theatre JS | JS animation library, interacts with THREE.js. |
| Tween JS | Library for tweening, animating HTML5 and JS properties. |
| Typed JS | Typing Animation Library |
| Velocity JS | Animation engine with the same API as jQuery's $.animate(). |
| Velvette | CSS view transitions |
| VFX JS | Apply WebGL shaders to HTML canvas elements |
| Vivus JS | Lightweight JavaScript class to animate SVGs. |
| SYSTEM NAME | DESCRIPTION |
|---|---|
| ASCIIflow | ASCII diagramming tool |
| Bokeh | Python Data visualisation / charting tool |
| D3 | JS based library to assist with custom dynamic visualizations |
| Dash | By Plotly. Data App Platform for Python |
| DrawIO | Free desktop / online diagram software |
| Eraser | Markdown editor, collaboration, and diagram-as-code builder |
| Go.JS | Diagramming framework for interactive data visualisation |
| JS Charting | 150+ advanced chart types |
| Markmap | Original maker of Markmap |
| Markmap v2 | Fork of Markmap driven by plain text |
| Mermaid | JS based diagramming and charting tool |
| + Mermaid Editor | Free online editor and rendering of Mermaid diagrams |
| React Diagrams | Diagramming tool |
TBC
- Add Animate On Scroll library
- TBC
- Anime.js
- Add https://jscharting.com/