-
Notifications
You must be signed in to change notification settings - Fork 0
Lists on Web Animation & Data Visualisation
gribbans edited this page Oct 11, 2024
·
26 revisions
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/
GRibbans 2024