````
<svg id=”line_chart”> containing line chart
|
+-- <g id="container">
|
+-- <g id=”lines”> element containing all line elements
| |
| +-- <path> elements for plotted lines
|
+-- <g id=”x-axis-lines"> element for x-axis
|
+-- <g id=”y-axis-lines"> element for y-axis
|
+-- <g id=”circles”> element for all circular elements
| |
| +-- <circle> elements
|
+-- <text id=”line_chart_title”> element for line chart title
|
+-- <text id=”credit”> element for GT username
|
+-- <g id=”legend”> element for legend
| |
| +-- (<circle> elements for legend)
| |
| +-- (<text> elements for legend)
|
+-- <text> element_x_axis_label
|
+-- <text> element_y_axis_label
<div id=”bar_chart_title” > containing bar chart title
<svg id=”bar_chart” > containing bar chart
|
+-- <g id=”container_2”>
    |
    +-- <g id=”bars”> element for bars
    | |
    | +-- <rect> elements for bars
    |
    +-- <g id=”x-axis-bars"> element for x-axis
    |
    +-- <g id=”y-axis-bars"> element for y-axis
    |
    +-- <text id=”bar_x_axis_label”> element for x axis label
    |
    +-- <text id=”bar_y_axis_label”> element for y axis label
    ```
````