What is SVG good for?

Y’all probably wouldn’t be surprised if I told you it’s pretty awesome for icons, and icon systems. SVG icon systems can, and perhaps should be quite easy. I’m a fan of just inlining those suckers, particularly when they are pretty simple.

But what else?

Logos is a classic example! A lot of people dip their toes in this way.

You don’t have to inline the SVG if you don’t want. It could be an <img> or background-image as well.

Speaking of interactive diagrams, pretty much any chart or graph you’ll see is either SVG or started life that way. For instance, the incredibly popular d3.js library is SVG based. Anything created with d3 is SVG. In fact, most charting libraries are based on d3. Here’s Highcharts:

Charts are so business though. What about art?! Of course, SVG is great for art. Creative tools for artists, like illustrators working on their fancy Wacom tablets, working in Adobe Illustrator, can export their work and display it as SVG.

There are also animation libraries like GSAP which are great at helping animate SVG, and enable vector artists to bring their creations to life:

The Legal Representation, Advocacy, and Education Project will provide universal representation for released unaccompanied kids in Texas. Last year, there were over 13,000 kids who were not represented in immigration court in Texas.

The Plateforme Citoyenne is a not for profit organisation advocating for a clean and sustainable future. Founded in 2012, its main focus has been oriented towards the preservation of the Mauritian Ecosystem. The group also channels its energy towards societal activism, all with the aim to promote and produce sustainable communities.

The Mauritius IFC Consultative Workshop aims at establishing a line of dialogue and series of consultations between the operators of our financial services sector, industry associations and experts, as well as key Government institutions.