Copy
SVG Weekly logo

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

Make an Adaptive Branding Module with SVG

Make an Adaptive Branding Module with SVG

Dudley Storey merges 'responsive' with 'adaptive' to give us SVG branding that not only resizes, but redraws itself to make best use of the available space.

Make Your Own Responsive SVG Graphs & Infographics

Make Your Own Responsive SVG Graphs & Infographics

Another riff on responsive SVGs from Alex Walker who wants to make sure your responsive data visualisations remain legible by prioritising the important parts of each graphic.

Color blending effects in data visualizations

Color blending effects in data visualizations

Nadieh Bremer demonstrates adding colour blend effects to the SVGs in a D3 data visualisation. The results are beautiful.

Building SVG Maps with React

Building SVG Maps with React

Ross Nanopoulos from Komand, explains how they used SVG (and React) to build a zoomable, pan-able 'map' to use as the basis for their workflow navigation screens.

SVG Clipping Path Examples — Multiple Shapes and Images

SVG Clipping Path Examples — Multiple Shapes and Images

You can use most any SVG element as a clipping path. Steven Bradley covers some examples that use multiple shapes to clip SVG elements and images.

Watch & Listen

Masking in SVG

Masking in SVG

CJ Gammon continues his video series on masking with a look at the SVG mask element (and clip-path). (Video - 9 minutes)

Experiments

Crane on a rock by wuqin

Crane on a rock by wuqin

Interactive SVG Info Graph by Chris Gannon

Interactive SVG Info Graph by Chris Gannon

SVG Glitch filter by Tim Rijkse

SVG Glitch filter by Tim Rijkse

...

Food for Thought

My process of creating the Arriva web site — Prototyping: From UX to Front End

My process of creating the Arriva web site — Prototyping: From UX to Front End

Veerle Pieters shares her end-to-end process for creating a small responsive site. Lots of great insights into the nuts and bolts of the design process (and a whole section on SVG artwork).

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