SVGs beyond mere shapes

Nadieh Bremer at Everyman Cinema on 3rd May, 2019 · Sponsored by CSS Wizardry, Leeds International Festival, and Stac
Conference · Conference 2019 · Css · Svg · Web

On the web, and especially in data visualization, SVG is often only used to create shapes; circles, rectangles, lines. But SVG can do much more than ‘just’ be a shape.

In this talk, Nadieh will show you how to experiment with SVG gradients and filters to make data visualizations even more fun and engaging. She’ll demonstrate how to implement the techniques using JS, CSS, and the de-facto data visualization library d3.js.

From rainbow, moving and dynamic SVG gradients based on data, to SVG filters with which to create glow, gooey, and fuzzy effects that brighten up any visual and more.