Get your SVG in shape

on YouTube ↗13m

" summary

Shows two working demos: a JS generator that places N points on a circle and emits SVG <line> elements to draw a complete graph (example uses six nodes) via generateLines(size, numberOfPoints) with a slider to change node count and per-line stroke/color, and a second app that consumes a complex SVG as a component, uses a scale hook tied to scroll/trackpad deltas, and cycles scale thresholds to create an infinite zoom illusion — practical code and live demos are provided.

AI-written summary · about

" chapters (5)

1. 0:00Introduction
2. 1:51What is SVG
3. 3:18Dynamic SVG graph
4. 7:41Infinite zoom effect
5. 12:39Summary and resources

" related talks

• 25mAn SVG’s TaleElizabet Oliveira · React Amsterdam 2019
• 36mCreative Coding with React & SVGVarun Vachhar · FITC Toronto 2016
• 31mAn SVG’s TaleElizabet Oliveira · <React.NotAConf /> 2019
• 39mBuilding Better Interfaces With SVGSara Soueidan · CSSConf Australia 2015
• 24mMaking SVG and Canvas Graphics in AngularTero Parviainen · NG-BE 2016
• 22mSVG Can Do That?!Brenna O'Brien · CSSConf Oakland 2014
• 46mThe SVG RealitySebastiaan Deckers · CSSConf.Asia 2014
• 05mWill You Help Me End Pixelated Images on the InternetJulka Grodel · FrontCon 2018