SVG

SVG is a popular way to render scalable images for webpages. There is a lot of documentation and examples online for how to create and manipulate SVG objects so I won't go into too much detail about them here. The following examples show an SVG object and how it was created in both HTML and JavaScript/D3. Here, Svg objects are created using the Selection module in the D3 library, which will be discussed in further detail in the next section. For now, note the similarites in how HTML and JavaScript are used to render the circle and the path svg object.


This Pink Circle is an SVG:Circle object.

HTML

JavaScript and D3

Svg:Path

HTML

JavaScript and D3