Copy
SVG Weekly logo

This is edition 51 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

Data-based orientation for a D3.js gradient

Data-based orientation for a D3.js gradient

Learn how to create nice smooth color gradients for the chords in a D3.js Chord Diagram where the color & orientation of each gradient is based on the data: Nadieh Bremer continues her SVGs beyond mere shapes series.

Using JavaScript in SVG

Using JavaScript in SVG

It's possible to embed Javascript inside an SVG file; very useful for adding elements dynamically, animation or a splash of interactivity. But as Dudley Storey explains, SVG isn't HTML and you need to treat scripts a little differently.

Interactive Data Visualization: Animating the viewBox

Interactive Data Visualization: Animating the viewBox

Sarah Drasner walks through a brief reintroduction of the SVG viewBox and then dives into animating it for camera or navigation effects.

More About SVG Masking — Properties And Attributes

More About SVG Masking — Properties And Attributes

Steven Bradley extends his series on SVG masking with a close examination of the attributes for controlling masks.

Experiments

Voronoi Hover Morph by Austin Maurer

Voronoi Hover Morph by Austin Maurer

A clever (and slightly trippy) visualisation: move your pointer around and watch the diagram morph to follow the pointer.

SVG: Multiples Make A 3d Flip Book by Tiffany Rayside

SVG: Multiples Make A 3d Flip Book by Tiffany Rayside

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