Skip to content

Instantly share code, notes, and snippets.

@takylemo909

takylemo909/gist:64e514384f7773f1311d9ae3fb5f70f9 Secret

Created August 9, 2019 06:41
Show Gist options
  • Save takylemo909/64e514384f7773f1311d9ae3fb5f70f9 to your computer and use it in GitHub Desktop.
Save takylemo909/64e514384f7773f1311d9ae3fb5f70f9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<html>
<head>
<style type='text/css'>
body > div {
transform: rotate(90deg);
transform-origin: bottom left;
position: absolute;
top: -100vw;
height: 100vw;
left: calc(772px - 100%);
}
body > div > div {
display: flex;
}
body > div > svg {
padding-left: 15px;
}
.chart-zoom-dropdown,
.highcharts-scrollbar,
.highcharts-title,
.highcharts-legend {
display: none !important;
}
.chart-header {
font-size: 18px;
width: 1122px;
}
.chart-header.last {
width: 1102px;
}
.chart-header table {
padding-left: 15px;
}
.chart-header table tr td:first-child {
text-align: right;
}
.chart-header .test-name {
text-align: center;
font-size: 28px;
margin-top: 40px;
}
.chart-legend {
width: 1122px;
text-align: center;
}
</style>
</head>
<body>
<div>
<div>
<div class='chart-header'>
<table>
<tr>
<td>Dgdfgdfggfd</td>
<td>Rgfdgdffgdgf</td>
</tr>
<tr>
<td>Subject:</td>
<td>dfgdgfdgfdgfgdf</td>
</tr>
</table>
<div class='test-name'>dfgfdgfgd</div>
</div>
</div>
<svg version="1.1" class="highcharts-root" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Arial, Helvetica, sans-serif;font-size:12px;" xmlns="http://www.w3.org/2000/svg" width="1002" height="450" viewBox="0 0 1002 450">
<desc>Created with Highcharts 7.1.2</desc>
<defs>
<clipPath id="highcharts-zsuf5kg-760-">
<rect x="0" y="0" width="932" height="256" fill="none"></rect>
</clipPath>
<clipPath id="highcharts-zsuf5kg-794-">
<rect x="0" y="0" width="932" height="256" fill="none"></rect>
</clipPath>
</defs>
<rect fill="#ffffff" class="highcharts-background" x="0" y="0" width="998.8" height="450" rx="0" ry="0"></rect>
<rect fill="none" class="highcharts-plot-background" x="67" y="82" width="932" height="256"></rect>
<g class="highcharts-grid highcharts-xaxis-grid" data-z-index="1">
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 94.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 122.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 151.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 179.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 207.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 235.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 264.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 292.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 320.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 348.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 377.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 405.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 433.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 461.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 490.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 518.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 546.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 574.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 603.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 631.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 659.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 687.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 716.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 744.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 772.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 800.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 829.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 857.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 885.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 913.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 942.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 970.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 998.5 82 L 1002 338" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 66.5 82 L 1002 338" opacity="1"></path>
</g>
<g class="highcharts-grid highcharts-yaxis-grid" data-z-index="1">
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 338.5 L 1002 338.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 312.5 L 1002 312.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 287.5 L 1002 287.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 261.5 L 1002 261.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 236.5 L 1002 236.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 210.5 L 1002 210.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 184.5 L 1002 184.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 159.5 L 1002 159.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 133.5 L 1002 133.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 108.5 L 1002 108.5" opacity="1"></path>
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 67 81.5 L 1002 81.5" opacity="1"></path>
</g>
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="67" y="82" width="932" height="256"></rect>
<g class="highcharts-axis highcharts-xaxis" data-z-index="2">
<path fill="none" class="highcharts-axis-line" stroke="#ccd6eb" stroke-width="1" data-z-index="7" d="M 67 338.5 L 999 338.5"></path>
</g>
<g class="highcharts-axis highcharts-yaxis" data-z-index="2">
<text x="18.0625" data-z-index="7" text-anchor="middle" transform="translate(0,0) rotate(270 18.0625 210)" class="highcharts-axis-title" style="color:#666666;font-size:14px;fill:#666666;" y="210">
<tspan>Correct Answers %</tspan>
</text>
<path fill="none" class="highcharts-axis-line" data-z-index="7" d="M 67 82 L 67 338"></path>
</g>
<g class="highcharts-scrollbar" data-z-index="3" transform="translate(67,418)">
<rect fill="#f2f2f2" class="highcharts-scrollbar-track" x="0" rx="0" ry="0" height="14" width="932" stroke="#f2f2f2" stroke-width="1" y="-0.5"></rect>
<g transform="translate(14,-0.5)">
<rect fill="#cccccc" class="highcharts-scrollbar-thumb" height="14" width="904" rx="0" ry="0" stroke="#cccccc" stroke-width="1"></rect>
<path fill="none" d="M -3 3.5 L -3 9.333333333333334 M 0 3.5 L 0 9.333333333333334 M 3 3.5 L 3 9.333333333333334" class="highcharts-scrollbar-rifles" stroke="#333333" stroke-width="1" transform="translate(451.5,0)"></path>
</g>
<g>
<rect fill="#e6e6e6" class="highcharts-scrollbar-button" stroke="#cccccc" stroke-width="1" x="-0.5" y="-0.5" width="14" height="14" rx="0" ry="0"></rect>
<path fill="#333333" d="M 8 4 L 8 10 L 5 7" class="highcharts-scrollbar-arrow"></path>
</g>
<g transform="translate(918,0)">
<rect fill="#e6e6e6" class="highcharts-scrollbar-button" stroke="#cccccc" stroke-width="1" x="-0.5" y="-0.5" width="14" height="14" rx="0" ry="0"></rect>
<path fill="#333333" d="M 6 4 L 6 10 L 9 7" class="highcharts-scrollbar-arrow"></path>
</g>
</g>
<g class="highcharts-series-group" data-z-index="3">
<g data-z-index="0.1" class="highcharts-series highcharts-series-0 highcharts-column-series highcharts-tracker" transform="translate(67,82) scale(1 1)" style="cursor:pointer;">
<rect x="3" y="0" width="23" height="103" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="31" y="0" width="23" height="96" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="59" y="0" width="23" height="93" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="88" y="0" width="23" height="93" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="116" y="0" width="23" height="91" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="144" y="0" width="23" height="88" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="172" y="0" width="23" height="88" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="201" y="0" width="23" height="85" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="229" y="0" width="23" height="80" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="257" y="0" width="23" height="80" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="285" y="0" width="23" height="78" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="313" y="0" width="23" height="75" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="342" y="0" width="23" height="73" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="370" y="0" width="23" height="70" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="398" y="0" width="23" height="68" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="426" y="0" width="23" height="68" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="455" y="0" width="23" height="65" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="483" y="0" width="23" height="65" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="511" y="0" width="23" height="62" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="539" y="0" width="23" height="62" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="568" y="0" width="23" height="62" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="596" y="0" width="23" height="60" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="624" y="0" width="23" height="57" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="652" y="0" width="23" height="57" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="681" y="0" width="23" height="57" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="709" y="0" width="23" height="57" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="737" y="0" width="23" height="55" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="765" y="0" width="23" height="55" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="794" y="0" width="23" height="55" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="822" y="0" width="23" height="55" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="850" y="0" width="23" height="52" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="878" y="0" width="23" height="52" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
<rect x="907" y="0" width="23" height="47" fill="#F2F2F2" opacity="1" class="highcharts-point"></rect>
</g>
<g data-z-index="0.1" class="highcharts-markers highcharts-series-0 highcharts-column-series " transform="translate(67,82) scale(1 1)" clip-path="none"></g>
<g data-z-index="0.1" class="highcharts-series highcharts-series-1 highcharts-column-series highcharts-tracker" transform="translate(67,82) scale(1 1)" style="cursor:pointer;">
<rect x="3" y="103" width="23" height="154" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="31" y="96" width="23" height="161" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="59" y="93" width="23" height="164" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="88" y="93" width="23" height="164" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="116" y="91" width="23" height="166" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="144" y="88" width="23" height="169" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="172" y="88" width="23" height="169" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="201" y="85" width="23" height="172" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="229" y="80" width="23" height="177" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="257" y="80" width="23" height="177" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="285" y="78" width="23" height="179" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="313" y="75" width="23" height="182" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="342" y="73" width="23" height="184" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="370" y="70" width="23" height="187" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="398" y="68" width="23" height="189" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="426" y="68" width="23" height="189" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="455" y="65" width="23" height="192" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="483" y="65" width="23" height="192" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="511" y="62" width="23" height="195" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="539" y="62" width="23" height="195" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="568" y="62" width="23" height="195" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="596" y="60" width="23" height="197" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="624" y="57" width="23" height="200" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="652" y="57" width="23" height="200" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="681" y="57" width="23" height="200" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="709" y="57" width="23" height="200" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="737" y="55" width="23" height="202" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="765" y="55" width="23" height="202" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="794" y="55" width="23" height="202" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="822" y="55" width="23" height="202" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="850" y="52" width="23" height="205" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="878" y="52" width="23" height="205" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
<rect x="907" y="47" width="23" height="210" fill="#6FCF97" opacity="1" class="highcharts-point"></rect>
</g>
<g data-z-index="0.1" class="highcharts-markers highcharts-series-1 highcharts-column-series " transform="translate(67,82) scale(1 1)" clip-path="none"></g>
</g>
<text x="499" text-anchor="middle" class="highcharts-subtitle" data-z-index="4" style="color:#666666;fill:#666666;" y="52"></text>
<g class="highcharts-stack-labels" visibility="visible" data-z-index="6" transform="translate(67,82)">
<text x="14" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="14" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="14" y="-6">100</tspan>
</text>
<text x="42" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="42" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="42" y="-6">100</tspan>
</text>
<text x="71" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="71" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="71" y="-6">100</tspan>
</text>
<text x="99" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="99" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="99" y="-6">100</tspan>
</text>
<text x="127" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="127" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="127" y="-6">100</tspan>
</text>
<text x="155" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="155" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="155" y="-6">100</tspan>
</text>
<text x="184" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="184" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="184" y="-6">100</tspan>
</text>
<text x="212" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="212" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="212" y="-6">100</tspan>
</text>
<text x="240" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="240" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="240" y="-6">100</tspan>
</text>
<text x="268" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="268" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="268" y="-6">100</tspan>
</text>
<text x="297" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="297" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="297" y="-6">100</tspan>
</text>
<text x="325" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="325" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="325" y="-6">100</tspan>
</text>
<text x="353" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="353" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="353" y="-6">100</tspan>
</text>
<text x="381" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="381" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="381" y="-6">100</tspan>
</text>
<text x="410" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="410" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="410" y="-6">100</tspan>
</text>
<text x="438" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="438" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="438" y="-6">100</tspan>
</text>
<text x="466" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="466" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="466" y="-6">100</tspan>
</text>
<text x="494" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="494" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="494" y="-6">100</tspan>
</text>
<text x="522" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="522" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="522" y="-6">100</tspan>
</text>
<text x="551" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="551" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="551" y="-6">100</tspan>
</text>
<text x="579" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="579" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="579" y="-6">100</tspan>
</text>
<text x="607" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="607" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="607" y="-6">100</tspan>
</text>
<text x="635" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="635" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="635" y="-6">100</tspan>
</text>
<text x="664" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="664" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="664" y="-6">100</tspan>
</text>
<text x="692" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="692" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="692" y="-6">100</tspan>
</text>
<text x="720" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="720" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="720" y="-6">100</tspan>
</text>
<text x="748" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="748" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="748" y="-6">100</tspan>
</text>
<text x="777" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="777" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="777" y="-6">100</tspan>
</text>
<text x="805" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="805" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="805" y="-6">100</tspan>
</text>
<text x="833" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="833" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="833" y="-6">100</tspan>
</text>
<text x="861" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="861" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="861" y="-6">100</tspan>
</text>
<text x="890" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="890" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="890" y="-6">100</tspan>
</text>
<text x="918" style="color:gray;font-size:11px;font-weight:bold;fill:gray;" text-anchor="middle" visibility="hidden" transform="translate(0,0)" y="-6">
<tspan x="918" y="-6" class="highcharts-text-outline" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="2px" stroke-linejoin="round">100</tspan>
<tspan x="918" y="-6">100</tspan>
</text>
</g>
<g class="highcharts-legend" data-z-index="7" transform="translate(741,53)">
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0" y="0" width="257" height="29" visibility="visible"></rect>
<g data-z-index="1">
<g>
<g class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-0" data-z-index="1" transform="translate(8,3)">
<text x="21" style="color:#333333;cursor:pointer;font-size:12px;font-weight:bold;fill:#333333;" text-anchor="start" data-z-index="2" y="15">
<tspan>Incorrect / Not Tested</tspan>
</text>
<rect x="2" y="4" width="12" height="12" fill="#F2F2F2" rx="6" ry="6" class="highcharts-point" data-z-index="3" stroke-width="1" stroke="#bdbdbd"></rect>
</g>
<g class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-1" data-z-index="1" transform="translate(182.765625,3)">
<text x="21" y="15" style="color:#333333;cursor:pointer;font-size:12px;font-weight:bold;fill:#333333;" text-anchor="start" data-z-index="2">
<tspan>Correct</tspan>
</text>
<rect x="2" y="4" width="12" height="12" fill="#6FCF97" rx="6" ry="6" class="highcharts-point" data-z-index="3"></rect>
</g>
</g>
</g>
</g>
<g class="highcharts-axis-labels highcharts-xaxis-labels" data-z-index="7">
<text x="83.71393698556254" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 83.71393698556254 354)" y="354" opacity="1">
<tspan>u (long u)</tspan>
</text>
<text x="111.95636122798855" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 111.95636122798855 354)" y="354" opacity="1">
<tspan>i (long i)</tspan>
</text>
<text x="140.19878547040855" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 140.19878547040855 354)" y="354" opacity="1">
<tspan>soft g (j)</tspan>
</text>
<text x="168.44120971283857" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 168.44120971283857 354)" y="354" opacity="1">
<tspan>short u</tspan>
</text>
<text x="196.68363395525856" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 196.68363395525856 354)" y="354" opacity="1">y</text>
<text x="224.92605819768855" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 224.92605819768855 354)" y="354" opacity="1">
<tspan>soft c s(c)</tspan>
</text>
<text x="253.1684824401085" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 253.1684824401085 354)" y="354" opacity="1">
<tspan>e (long e)</tspan>
</text>
<text x="281.41090668252855" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 281.41090668252855 354)" y="354" opacity="1">
<tspan>a (long a)</tspan>
</text>
<text x="309.65333092495854" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 309.65333092495854 354)" y="354" opacity="1">q</text>
<text x="337.8957551673785" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 337.8957551673785 354)" y="354" opacity="1">
<tspan>o (long o)</tspan>
</text>
<text x="366.1381794098085" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 366.1381794098085 354)" y="354" opacity="1">
<tspan>short e (e)</tspan>
</text>
<text x="394.38060365222856" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 394.38060365222856 354)" y="354" opacity="1">
<tspan>hard g</tspan>
</text>
<text x="422.62302789465855" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 422.62302789465855 354)" y="354" opacity="1">
<tspan>i (short i)</tspan>
</text>
<text x="450.86545213707853" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 450.86545213707853 354)" y="354" opacity="1">w</text>
<text x="479.1078763794985" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 479.1078763794985 354)" y="354" opacity="1">n</text>
<text x="507.35030062192857" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 507.35030062192857 354)" y="354" opacity="1">l</text>
<text x="535.5927248643485" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 535.5927248643485 354)" y="354" opacity="1">r</text>
<text x="563.8351491067785" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 563.8351491067785 354)" y="354" opacity="1">d</text>
<text x="592.0775733491986" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 592.0775733491986 354)" y="354" opacity="1">h</text>
<text x="620.3199975916185" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 620.3199975916185 354)" y="354" opacity="1">
<tspan>o (short o)</tspan>
</text>
<text x="648.5624218340486" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 648.5624218340486 354)" y="354" opacity="1">x</text>
<text x="676.8048460764685" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 676.8048460764685 354)" y="354" opacity="1">j</text>
<text x="705.0472703188985" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 705.0472703188985 354)" y="354" opacity="1">b</text>
<text x="733.2896945613186" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 733.2896945613186 354)" y="354" opacity="1">v</text>
<text x="761.5321188037485" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 761.5321188037485 354)" y="354" opacity="1">
<tspan>hard c k(c)</tspan>
</text>
<text x="789.7745430461686" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 789.7745430461686 354)" y="354" opacity="1">f</text>
<text x="818.0169672885885" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 818.0169672885885 354)" y="354" opacity="1">
<tspan>a (short a)</tspan>
</text>
<text x="846.2593915310185" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 846.2593915310185 354)" y="354" opacity="1">m</text>
<text x="874.5018157734386" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 874.5018157734386 354)" y="354" opacity="1">p</text>
<text x="902.7442400158685" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 902.7442400158685 354)" y="354" opacity="1">k</text>
<text x="930.9866642582886" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 930.9866642582886 354)" y="354" opacity="1">t</text>
<text x="959.2290885007185" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 959.2290885007185 354)" y="354" opacity="1">z</text>
<text x="987.4715127431385" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0) rotate(-45 987.4715127431385 354)" y="354" opacity="1">s</text>
</g>
<g class="highcharts-axis-labels highcharts-yaxis-labels" data-z-index="7">
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="342" opacity="1">0</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="316" opacity="1">10</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="291" opacity="1">20</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="265" opacity="1">30</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="240" opacity="1">40</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="214" opacity="1">50</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="188" opacity="1">60</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="163" opacity="1">70</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="137" opacity="1">80</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="112" opacity="1">90</text>
<text x="52" style="color:#666666;cursor:default;font-size:11px;fill:#666666;" text-anchor="end" transform="translate(0,0)" y="86" opacity="1">100</text>
</g>
</svg><span class="highcharts-title" data-z-index="4" style="position: absolute; font-family: &quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Arial, Helvetica, sans-serif; font-size: 18px; white-space: nowrap; margin-left: 0px; margin-top: 0px; left: 407px; top: 7px; color: rgb(51, 51, 51);">Letter Sounds (RUSD)</span>
<div>
<div class='chart-legend'>
<svg>
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0" y="0" width="257" height="29" visibility="visible"></rect>
<g data-z-index="1">
<g>
<g class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-0" data-z-index="1" transform="translate(8,3)">
<text x="21" style="color:#333333;cursor:pointer;font-size:12px;font-weight:bold;fill:#333333;" text-anchor="start" data-z-index="2" y="15">
<tspan>Incorrect / Not Tested</tspan>
</text>
<rect x="2" y="4" width="12" height="12" fill="#F2F2F2" rx="6" ry="6" class="highcharts-point" data-z-index="3" stroke-width="1" stroke="#bdbdbd"></rect>
</g>
<g class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-1" data-z-index="1" transform="translate(182.765625,3)">
<text x="21" y="15" style="color:#333333;cursor:pointer;font-size:12px;font-weight:bold;fill:#333333;" text-anchor="start" data-z-index="2">
<tspan>Correct</tspan>
</text>
<rect x="2" y="4" width="12" height="12" fill="#6FCF97" rx="6" ry="6" class="highcharts-point" data-z-index="3"></rect>
</g>
</g>
</g>
</svg>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment