This week we're building cool animated charts, and experimenting with SVG menu animations.

❤️ Donovan at CSSAnimation.rocks

Articles

How to Create an Animated Chart of Nested Squares Using Masks — css-tricks.com

Learn how to build an intriguing animated chart with hover animation.

SVG Overlay and Infinite Menu Background Animation — tympanus.net

A little menu effect with an SVG overlay and an infinite background CSS animation.

Inspiration

Glass and Wooden Pegs / WebGL Fragment Shader

It's great to see some WebGL demos

Space globe

An amazing combination of blobbiness, space and Three.js

Johanna Jaskowska

A wonderfully organic gooey face effect

Text Shadow

A trippy text shadow effect

GSAP - Draggable

A demo of GSAP's draggable method