Amber Weinberg walks through animating an SVG map: use <line> and <circle> elements, stagger pin opacity with transitions and :nth-of-type, fade in the background with transform: translate3d(), and draw lines with the stroke-dasharray and stroke-dashoffset trick. Animations live inside a prefers-reduced-motion media query and trigger via a JS class toggle on the parent.
CSS animated SVG maps
