Yes, Its a SVG, which fetches crypto coin prices from an API and updates the SVG in real-time. Might not work sometimes, as the API is rate-limited. But you get the idea.
Here’s another one, The Chuck Norris Joke Generator.
Click on the SVG for another joke, if you want it before time runs out. To be honest, The jokes are not that good, but the SVG is cool.
The Encounter with CDATA
You might have noticed the
<![CDATA[...]]> tags in the script if you opened the dev-tools for inspecting.
Its important to note that it is not made for HTML, but for XML. Then why is it used in SVG? The answer is simple – SVG is an XML-based format.
In standalone SVG you need namespaces defined using
< being interpreted as the beginning of a tag and
This could be useful in creating dynamic graphics, like charts, graphs. It can also be used to make interactive SVGs, responsive to user actions, fetching external data, and even animating.
Here’s some more information on MDN web docs.