Exploring the Underutilized Potential of SVG Vector Graphics
By
sadiq
A five-star bake. Worth schmearing, sharing, saving.
Summary
The article discusses the underutilized potential of SVG (Scalable Vector Graphics) format, highlighting its capabilities as vector graphics in XML format that work across all devices and platforms with crisp display quality. The author argues that SVGs are more powerful than many realize, with features like embedded scripts for interactivity, and suggests we should capitalize on this unrealized potential. The content connects this technical discussion to broader themes of permanence in scientific publishing and knowledge systems.
Key quotes
· 4 pulledSVGs are pretty cool - vector graphics in a simple XML format.
They are supported on just about every device and platform, are crisp on every display, and can have embedded scripts in to make them interactive.
They're way more capable than many people realise, and I think we can capitalise on some of that unrealised potential.
In my idealistic vision of how scientific publishing should work, each paper would be accompanied
You might also wanna read
SMIL Animations in SVG: Where CSS Falls Short and SMIL Takes Over
Andy Clarke explains how SMIL (Synchronized Multimedia Integration Language) animations in SVG can complement and extend CSS animations. The
Smashing Magazine·1y ago
Optimising SVGs for Animation: Andy Clarke's Workflow for Faster, Cleaner Graphics
Web designer Andy Clarke shares his workflow for preparing, optimizing, and structuring SVGs for animation and web performance. The article
Smashing Magazine·1y ago
Advanced SVG Animation Techniques Using <symbol>, <use>, and CSS Custom Properties
This article by web designer Andy Clarke presents an advanced technique for animating SVG elements using <symbol>, <use>, and CSS custom pro
Smashing Magazine·6mo ago
Building Adaptive SVGs with <symbol>, <use>, and CSS Media Queries
This technical article by Andy Clarke demonstrates how to create adaptive SVGs that respond to different screen sizes using SVG <symbol> and
Smashing Magazine·7mo ago
Understanding SVG Path Elements: A Beginner's Guide
The article, part of a series by Myriam Frisano, demystifies the SVG `<path>` element, explaining its syntax and commands through simple exa
Smashing Magazine·11mo ago