Embed Details
Add this style information to the head of your file.
<![CDATA[<link rel="stylesheet" href="//d1o40k53wiknb7.cloudfront.net/css/mlls-grad-rate-timeline.css" type="text/css">]]>
Add this html where you need the graph to appear
<![CDATA[<div class="graph-wrapper" id="mlls-grad-rate-timeline">
<h3>Despite improvements over time for Non-MLLs, MLL outcomes have shown little improvement.</h3>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.37 154.27">
<title>grad rate drop out rate by school year combined</title>
<g id="lines">
<polyline class="grad-rate-line-graph-19"
points="19.28 53.13 36.34 54.61 53.63 61.49 70.78 64.13 87.93 66.18 105.08 61.49 122.23 75.24 139.39 73.2 156.54 69.98 173.62 60.9" />
<polyline class="grad-rate-line-graph-20"
points="19.28 92.08 36.34 91.8 53.63 91.36 70.78 89.61 87.93 88.29 105.08 89.46 122.23 81.41 139.39 81.1 156.54 81.99 173.62 83.6" />
<polyline class="grad-rate-line-graph-21"
points="19.28 21.8 36.34 20.78 53.63 21.37 70.78 18.59 87.93 14.63 105.08 12.58 122.23 8.34 139.39 6.43 156.54 3.94 173.62 2.18" />
<polyline class="grad-rate-line-graph-22"
points="19.28 104.83 36.34 104.82 53.63 106.01 70.78 107.62 87.93 109.23 105.08 109.96 122.23 111.13 139.39 112.3 156.54 112.73 173.62 112.3" />
<rect></rect>
</g>
<g id="legend">
<line class="grad-rate-line-graph-1" x1="8.02" y1="142.3" x2="17.12" y2="142.3" /><text
class="grad-rate-line-graph-2" transform="translate(21.15 143.51) scale(0.98 1)">Non-MLLs Graduation Rate
</text>
<line class="grad-rate-line-graph-8" x1="123.26" y1="141.7" x2="132.37" y2="141.7" /><text
class="grad-rate-line-graph-2" transform="translate(136.41 142.91) scale(0.98 1)">MLLs Graduation Rate
</text>
<line class="grad-rate-line-graph-11" x1="8.02" y1="149.77" x2="17.12" y2="149.77" /><text
class="grad-rate-line-graph-2" transform="translate(21.15 152.04) scale(0.98 1)">Non-MLLs Dropout Rate
</text>
<line class="grad-rate-line-graph-14" x1="123.26" y1="149.77" x2="132.37" y2="149.77" /><text
class="grad-rate-line-graph-2" transform="matrix(0.98, 0.01, -0.01, 1, 136.42, 151.86)">MLLs Dropout
Rate</text>
</g>
<g id="Years">
<line class="grad-rate-line-graph-18" x1="10.63" y1="121.37" x2="182.27" y2="121.37" />
<text class="grad-rate-line-graph-15" transform="translate(12.75 126.98) scale(0.98 1)">2010</text><text
class="grad-rate-line-graph-15" transform="translate(46.06 126.98) scale(0.98 1)">2012</text><text
class="grad-rate-line-graph-15" transform="translate(80.37 126.98) scale(0.98 1)">2014</text><text
class="grad-rate-line-graph-15" transform="translate(114.67 126.98) scale(0.98 1)">2016</text><text
class="grad-rate-line-graph-15" transform="translate(148.98 126.98) scale(0.98 1)">2018</text></g>
<g id="Percent">
<text class="grad-rate-line-graph-15" transform="translate(0 109.61) scale(0.98 1)">10%</text>
<text class="grad-rate-line-graph-15" transform="translate(0 94.81) scale(0.98 1)">20%</text><text
class="grad-rate-line-graph-15" transform="translate(0 80.01) scale(0.98 1)">30%</text><text
class="grad-rate-line-graph-15" transform="translate(0 65.21) scale(0.98 1)">40%</text><text
class="grad-rate-line-graph-15" transform="translate(0 50.41) scale(0.98 1)">50%</text><text
class="grad-rate-line-graph-15" transform="translate(0 35.61) scale(0.98 1)">60%</text><text
class="grad-rate-line-graph-15" transform="translate(0 20.81) scale(0.98 1)">70%</text><text
class="grad-rate-line-graph-15" transform="translate(0 6.01) scale(0.98 1)">80%</text>
</g>
</svg>
</div>]]>
Add this before the closing body tag
<![CDATA[<script src="//d1o40k53wiknb7.cloudfront.net/js/mlls-grad-rate-timeline.js"></script>]]>