CSS-Doodle

is based on Shadow DOM v1 and Custom Elements v1. You can use it on all major browsers right now without polyfills.

The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph.

The limit is the limit of CSS itself.

Read in full here:

https://css-doodle.com/