Chapter 2. Creating Images from Simple Text
In this chapter, a high-level overview of Scalable Vector Graphics (SVG) will be presented by explaining how it operates and what elements it encompasses. In a browser context, SVG is very similar to HTML and is one of the means by which D3 expresses its power. Understanding the nodes and attributes of SVG will empower us to create many kinds of visualizations, not just maps. This chapter includes the following points:
- A general SVG overview and key elements
- The SVG coordinate system
- The primary elements of SVG (lines, rectangles, circles, polygons, and paths)