It stays crisp because the shapes are recalculated mathematically

It automatically upscales the underlying file size to compensate

It typically produces smaller files at similar visual quality

It cannot support any form of transparency

Canvas shapes remain individually addressable objects while SVG shapes do not

SVG shapes remain addressable DOM elements that can be selected and updated, while canvas content must be redrawn

Both automatically redraw the whole scene whenever any shape changes

The device's GPU through an OpenGL ES-based API

The operating system's font rendering engine

They execute many simple calculations in parallel across pixels and vertices

They run at a much higher clock speed than any CPU

They store more long-term data than a CPU

Whether the library ships a color palette by default

The breadth of chart types the library natively supports

Whether the library was released in the current calendar year

SVG shapes exist as real DOM elements that screen readers can inspect

Canvas charts cannot display any text labels

SVG charts always render faster on mobile devices

A background music track triggered by game events

A 2D image or animation frame representing a game character or object

A mathematical formula used only for collision detection

Each path becomes a DOM element, which can slow rendering as the count grows

SVG automatically converts itself into a raster image past 1,000 paths

It only needs to redraw a text string each update, rather than recalculating hand angles and positions

Graphics Quiz