Transform

The transform allows you to change your visualization dynamically and is one of the advantages of using SVG and commands to draw shapes. Transform is an additional attribute you can add to any of the elements we have discussed so far. Two important types of transform when dealing with our D3 maps are:

• Translate: Move the element
• Scale: Adjust the coordinates for all attributes in the element

Translate

You will likely use this transformation in all of your cartography work and will see it in most D3 examples online. As a technique, it's often used with a margin object to shift the entire visualization. The following syntax can be applied to any element:

transform="translate(x,y)" 

Here, x and y are...