Data-Responsive SVGs
SVG (Scalable Vector Graphics) files are the web-standard for vector images.
Unlike raster images (such as PNG, JPEG and GIF files), which have a fixed resolution and are based on pixels, vector images are based on shapes.
Because of this, vector graphics can do a few things that raster images can't, such as…
- They can be scaled to any size - from a tiny thumbnail to the size of a building, they always look crisp and clear,
- Individual elements of the file can be changed at any time, meaning you can update text, colours, positions, sizes and shapes dynamically,
- They can be animated, with the animations running constantly or being triggered by events, and
- Because they are based on web technologies, they can run code when being viewed in a browser.
Using our Javascript API, you can create your own SVG files that respond to live data in any way you like - from simply changing the colour of the background, to doing complex equations, producing dynamic charts or playing detailed animations.