Embed Details
Add this style information to the head of your file.
<![CDATA[<link rel="stylesheet" href="//d1o40k53wiknb7.cloudfront.net/css/mlls-grad-rate.css" type="text/css">]]>
Add this html where you need the graph to appear
<![CDATA[<div id="mlls-grad-rate" class="graph-wrapper">
<h3>MLLs have significantly worse graduation rates and dropout rates compared to Non-MLLs</h3>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260.18 127.77">
<g id="rects">
<rect class="combined-grad-dropout-rate-1" y="-127.77" width="51.08" height="64.58" />
<rect class="combined-grad-dropout-rate-2" x="67.48" y="-127.77" width="50.01" height="40.27" />
<rect class="combined-grad-dropout-rate-3" x="139.48" y="-127.77" width="50.01" height="127.27" />
<rect class="combined-grad-dropout-rate-4" x="206.88" y="-127.77" width="52.8" height="9.35" />
</g>
<g id="labels">
<g style="transform:translate(6.9px,200px)">
<text class="combined-grad-dropout-rate-5">40.9%</text>
</g>
<g style="transform:translate(146.25px,200px)">
<text class="combined-grad-dropout-rate-5">80.5%</text>
</g>
<g style="transform: translate(75.59px,200px)">
<text class="combined-grad-dropout-rate-9">25.6%</text>
</g>
<g style="transform:translate(218.88px, 200px)">
<text class="combined-grad-dropout-rate-9">6.1%</text>
</g>
</g>
</svg>
<div class="legend-wrapper">
<div class="legend-container mlls-grad-rate">
<i></i>
<p>In 2019, <span></span> of Multilingual Learners graduated high school</p>
</div>
<div class="legend-container mlls-dropout-rate">
<i></i>
<p><span></span> of Multilingual Learns dropped out</p>
</div>
<div class="legend-container never-mlls-grad-rate">
<i></i>
<p><span></span> of never-Multilingual students graduated high school</p>
</div>
<div class="legend-container never-mlls-dropout-rate">
<i></i>
<p><span></span> of never-Multilingual students dropped out</p>
</div>
</div>
</div>]]>
Add this before the closing body tag
<![CDATA[<script src="//d1o40k53wiknb7.cloudfront.net/js/mlls-grad-rate.js"></script>]]>