Animating SVG topic maps

with Inkscape, Emacs, FFmpeg and Reveal.js PNG < ↓ Inkscape: trace 000 PDF Combined shapes. Process

Break apart, fracture overlaps
Recombine
Set IDs

00Super Note(e-ink)↓Animation style 2:Display elementsOne after another,and also show/hideJA·

Sort paths

Convert PDF to SVG with Inkscape(Cairo option) or pdftocairoODA♡ODA♡DAODA highlightsO¬OD →ODA→ODAorچت2024-01-10-01iPad:Adobe Fresco(antelindividual elementsin order; landscapefeels natural↓Animation style 1OODODADisplay elementsODAS One after anotherIdeas for next steps:Explore graphviz & other diagramming toolsFrame-by-frame SVGSTable:slide IDIDs to addtemporary highlights⇓Reveal.js: csswith transitions• on include• write to filesFFmpeg crossfadeRecording Reveal is presentationsUse OCR results?

Sketches are (c) 2007-2025 Sacha Chua - Creative Commons Attribution License 4.0 unless otherwise specified. This means you can freely share and adapt the sketches (even commercially) if you include attribution and indicate the license and any changes, like this: (c) 2025 Sacha Chua - Creative Commons attribution license