Copy
SVG Weekly logo

This is edition 57 of SVG Weekly, a selection of interesting links to SVG tutorials, tools, experiments and talks curated by Jachin Sheehy. I also keep an eye on the wider world of data visualisation, and share compelling visualisations or projects, even if these aren't directly related to SVG.

View this email in your browser

Tutorials

The Illusion Of Life: An SVG Animation Case Study

The Illusion Of Life: An SVG Animation Case Study

Michael Ngo dives deep down the rabbit hole with one simple question: "How far can we push SVG animation?"

Make a Morphing Play-Pause Button for HTML5 Video with SVG

Make a Morphing Play-Pause Button for HTML5 Video with SVG

SVG, SMIL and some Javascript: Dudley Storey deconstructs the YouTube play/pause button morphing animation.

CSS vs. SVG gradient, same angle (interactive, responsive) by Ana Tudor

CSS vs. SVG gradient, same angle (interactive, responsive) by Ana Tudor

Spot the difference! Then check out the comments for an explanation.

Clipped SVG Slider

Clipped SVG Slider

Claudia Romano builds a 'simple' slider, with morphing preview images animated using SVG properties.

Tools

Font Awesome SVGs

Font Awesome SVGs

Ruth John has a Git repo with all the glyphs from Font Awesome as individual SVG files.

SVGInjector

SVGInjector

Fast, caching, dynamic inline SVG DOM injection library.

Experiments

Clumsy Github Octocat Spiderman by Sarah Drasner

Clumsy Github Octocat Spiderman by Sarah Drasner

Film flowers by Shirley Wu

Film flowers by Shirley Wu

Summer blockbuster movies visualised as flowers based on film classification, genre, popularity and ratings.

Put On The Sunglasses, Frank by Dudley Storey

Put On The Sunglasses, Frank by Dudley Storey

Tooltips Over SVG Social Icons by Maciej Leszczyński

Tooltips Over SVG Social Icons by Maciej Leszczyński

Inspiration

10 significant visualisation developments: January to June 2016

10 significant visualisation developments: January to June 2016

Andy Kirk surveys the last 6 months in the data visualisation field and shares a collection of significant developments.

That's all for this week. Please send suggestions and links to curator@svgweekly.com or @SVGWeekly.
Copyright © 2016 SVG Weekly, All rights reserved.


unsubscribe from this list    update subscription preferences 

Email Marketing Powered by MailChimp