{"version":"1.0","type":"rich","title":"Loader with dots","description":"This example shows three circular dots arranged horizontally as a loading indicator, animating in a staggered scale sequence. The loader uses pure CSS transitions and keyframe animations (`@keyframes preloader`) to create the pulsing effect, with each dot’s animation delayed for a rhythmic loop. The markup consists of a `.loader` container with three `.loader__element` spans, styled via CSS custom properties (e.g., `--main-color`, `--point-color`) and rendered on an SVG page. No JavaScript libraries are used; D3 is loaded but unused in this static behavior.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f524224a78e54706a899e8a7e225436e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}