Intro

see https://www.youtube.com/watch?v=xkBheRZTkaw

svg

• has coordiates left top is (0,0) right bottom = (maxx, maxy)
• no z-ordering as in html
• z-ordering is order of elements in svg

Tools

• vizhub https://vizhub.com/
• svg https://developer.mozilla.org/en-US/docs/Web/SVG
• svg path
  • https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path
  • https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
• svg path specification https://svgwg.org/svg2-draft/paths.html#PathElement

Examples

• Adil Zeshan - animation and color gradients