One of the great things about D3 is that it directly uses underlying standards, such as SVG and CSS, rather than abstracting them with an API. This gives the developer access to all the features that are available within SVG and the web itself. When it comes to animations, one may ask what the web standard for animations is.
In this first section, we will see different ways and technologies that currently exist for animating SVG elements on the web. This will help you to pick the right technology for your application and use case.
Synchronized Multimedia Integration Language(SMIL) is a specification for interactive multimedia content on the web. SMIL animation is a specification for animating DOM elements with an XML syntax that is directly embedded in the DOM tree. Thanks to this, it suits perfectly well to animate SVG visualizations.
SMIL animations for SVG can be constructed using the following elements:
<animate>: This...