Crafting Artisanal Vector Graphics

on YouTube ↗39m

" summary

Shows how Clojure + SVG produce precise, editable graphics by treating SVG as text data and code rather than pixels, with concrete demos: UML and Graphviz outputs embedded as SVG, icons converted to hiccup and back, HTML-in-SVG via foreignObject, animations running at about 30 fps, and laser-cut wood pieces made from SVG paths that cut correctly. Uses Clojure’s easel, REPL shortcuts, Clay and Portal, hiccup conversion tools and Inkscape; SVG as text data and hiccup conversion are the practical takeaways.

AI-written summary · about

" chapters (11)

1. 0:00Stargazing
2. 10:15XML
3. 12:15SVG
4. 15:03Path
5. 16:35Color
6. 17:45HTML
7. 21:15Lego
8. 22:25Hammock
9. 28:10Layout
10. 29:45Aesthetics
11. 34:25SVG Icons

" related talks

• 29m"Hand Coded Artisanal Data-Visualization"Nathan E. Lilly · Frontrunners 2024
• 27mSVG So Very GoodTyler Sticka · CascadiaFest 2016
• 43mVisualizations using SVG, Canvas, and WebGL in VueChris Fritz · VueConf TO 2018
• 47mSVGs beyond mere shapesNadieh Bremer · Frontend United 2019
• 39mSVG Charts and Graphics with RubyStarr Horne · RailsConf 2015
• 38mBuilding a Grammar for Statistical Graphics in ClojureKevin Lynagh · Clojure/conj 2012
• 27mSVG charts and graphics with RubyStarr Horne · MountainWest RubyConf 2015
• 29mSVGs beyond mere shapesNadieh Bremer · CSSConf Australia 2016