Description: SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain CSS code. It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind.

SVG Artista generates the necessary CSS and updates the SVG code so that it can be easily animated by assigning the .active class to the SVG element. It doesn't rely on third-party JS libraries to work, although you will likely want to use one to dynamically set the .active class on some kind of trigger (e.g. on scroll into view). Depending on your preference, you can generate either the CSS transition or CSS animation code.

CSS animated SVG is fairly well supported and should work in all modern browsers. That said, SVG Artista generated code is provided as-is, without warranty of any kind. Use your judgment and test it in your target environment and browsers before using it in production.

Description: react-svg-radar-chart is a lightweight library to create radar charts with React.

Description: The startup founder toolbelt. A forever-updating crowdsourced collection.

Description: Create and collaborate on infographics, reports, posters, presentations, and flyers easily with absolutely no design experience. Try Piktochart for free!

Description: Infogram is an easy to use infographic and chart maker. Create and share beautiful infographics, online reports, and interactive maps. Make your own here.

Description: Advanced CSS Gradient Editor with layers, editing tools and free cloud storage

Description: React Flow - An open source library for building node based applications. Highly customizable React.js library for building interactive node-based editors, flow charts and diagrams.

Description: Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.