Data analysis animationBY REGIONOUTLIER3 SEGMENTS

Data analysis Animated Illustration

A magnifier scans a dashboard table row by row and flags the outlier.

Flat line See Isometric version →
Colour
Outline
Use in an explainer video →

Free for personal and commercial use, no attribution needed. License

More animated illustrations

PRO
Data pipelineFlat line
Donut chart animation72kvisitsDirect 40%Search 25%Social 20%Email 15%TOTAL 72K
Donut chartFlat line
Funnel chart animation1,000640310120
Funnel chartFlat line
Gauge meter animation720100SCORE 72 / 100
Gauge meterFlat line

Questions

Is this Data analysis animation free?
Yes. It is free for personal and commercial projects, including client work, with no attribution required.
Does it need JavaScript or a Lottie player?
No. The animation is plain CSS inside the SVG file, so it plays anywhere an SVG can be shown: an img tag, inline in HTML, in React, Vue, Webflow or WordPress. It also pauses for visitors who turn on reduced motion.
How do I change the colours?
Pick an accent colour and an outline colour on this page before you download or copy; the custom picker takes any hex code. For inline SVG you can also set the CSS variables --svm-accent and --svm-ink, or the accent and ink props on the React component.
Can I make the lines thicker or thinner?
Yes. Use the Line weight slider (0.5× to 2.5×) and every outline scales together. It is saved into the download, the embed link (?stroke=1.5) and the React stroke prop.
How do I add it to my website?
Paste the one-line img embed, download the SVG and use it inline, or install it in React with the shadcn command. All three keep your colours, line weight, outline and shadow settings.
Buy me a coffee