The line graph below uses scalable vector graphics (SVG) to plot the data. The chart uses the element to plot the data, but plots the data in the coordinate system of the data (using values that range from 0 to 100 in the x and y axes). The chart is plotted in an SVG canvas of size 400x300 pixels (shown by the large box). The coordinates of the upper-left and lower-right corners of this box are shown, and specifically that the origin of the SVG drawing canvas is in the upper-left. Drawing the using its data as coordinates plots the data upside down in the upper-left portion of the canvas (since the origin of the SVG canvas is the upper left, but the origin of the chart should be in the lower left). We want to transform the coordinates of the element so the path extends across the plot area as shown in the dashed green solution. The coordinates of the upper-left and lower-right corners of this plot area are displayed in these corners. We will use the SVG group element's transform attribute to transform the coordinates of the element. In this case, we will