Creative Data Visualizations with SVG and D3.js - JSConf.Asia 2018

Published on: Tuesday, 20 February 2018

Shirley Wu @sxywu
Nadieh Bremer @NadiehBremer

In this workshop, we will cover the basics of SVG - especially SVG paths and the cubic bezier curve command - as well as an introduction to D3.js's selection, data-binding, and enter-update-exit patterns. The culmination of the workshop will be to create a set of flowers out of movie data, a simpler version of the film flowers here.

Requirements: Just a laptop and working knowledge of Javascript and the web.

Shirley is a freelance software engineer specializing in data visualization. She combines her love of art, math, and code into colorful, interactive data visualizations. She enjoys finding fun insights in data and weaving them into stories and exploratory tools for the reader to discover. Her work can be found at

Nadieh is a graduated Astronomer, turned Data Scientist, turned self-taught Data Visualization Designer. After working for a consultancy & fintech companies where she discovered her passion for the visualization of data, she's now working as a freelancing data visualization designer under the name Visual Cinnamon.

Event Page:

Produced by Engineers.SG
Recorded by: Amy Pan

Help us caption & translate this video!