Skip to content

Instantly share code, notes, and snippets.

@zstix
Last active January 16, 2021 01:24
Show Gist options
  • Save zstix/d38091fe3f7be71dd1f252fe9d38a759 to your computer and use it in GitHub Desktop.
Save zstix/d38091fe3f7be71dd1f252fe9d38a759 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="400" height="300" class="ct-chart-bar" viewBox="0 0 400 300">
<g class="ct-grids">
<line x1="50" x2="50" y1="15" y2="265" class="ct-grid ct-horizontal"/>
<line x1="105.83333333333334" x2="105.83333333333334" y1="15" y2="265" class="ct-grid ct-horizontal"/>
<line x1="161.66666666666669" x2="161.66666666666669" y1="15" y2="265" class="ct-grid ct-horizontal"/>
<line x1="217.5" x2="217.5" y1="15" y2="265" class="ct-grid ct-horizontal"/>
<line x1="273.33333333333337" x2="273.33333333333337" y1="15" y2="265" class="ct-grid ct-horizontal"/>
<line x1="329.1666666666667" x2="329.1666666666667" y1="15" y2="265" class="ct-grid ct-horizontal"/>
<line y1="265" y2="265" x1="50" x2="385" class="ct-grid ct-vertical"/>
<line y1="233.75" y2="233.75" x1="50" x2="385" class="ct-grid ct-vertical"/>
<line y1="202.5" y2="202.5" x1="50" x2="385" class="ct-grid ct-vertical"/>
<line y1="171.25" y2="171.25" x1="50" x2="385" class="ct-grid ct-vertical"/>
<line y1="140" y2="140" x1="50" x2="385" class="ct-grid ct-vertical"/>
<line y1="108.75" y2="108.75" x1="50" x2="385" class="ct-grid ct-vertical"/>
<line y1="77.5" y2="77.5" x1="50" x2="385" class="ct-grid ct-vertical"/>
<line y1="46.25" y2="46.25" x1="50" x2="385" class="ct-grid ct-vertical"/>
<line y1="15" y2="15" x1="50" x2="385" class="ct-grid ct-vertical"/>
</g>
<g>
<g class="ct-series ct-series-a">
<line x1="53.5" x2="53.5" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="109.33333333333334" x2="109.33333333333334" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="165.16666666666669" x2="165.16666666666669" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="221" x2="221" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="276.83333333333337" x2="276.83333333333337" y1="265" y2="265" class="ct-bar" ct:value="0"/>
</g>
<g class="ct-series ct-series-b">
<line x1="62.91666666666667" x2="62.91666666666667" y1="265" y2="15" class="ct-bar" ct:value="8"/>
<line x1="118.75" x2="118.75" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="174.58333333333334" x2="174.58333333333334" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="230.41666666666666" x2="230.41666666666666" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="286.25000000000006" x2="286.25000000000006" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="342.08333333333337" x2="342.08333333333337" y1="265" y2="265" class="ct-bar" ct:value="0"/>
</g>
<g class="ct-series ct-series-c">
<line x1="83.5" x2="83.5" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="139.33333333333334" x2="139.33333333333334" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="195.16666666666669" x2="195.16666666666669" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="251" x2="251" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="306.83333333333337" x2="306.83333333333337" y1="265" y2="265" class="ct-bar" ct:value="0"/>
</g>
<g class="ct-series ct-series-d">
<line x1="98.5" x2="98.5" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="154.33333333333334" x2="154.33333333333334" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="210.16666666666669" x2="210.16666666666669" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="266" x2="266" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="321.83333333333337" x2="321.83333333333337" y1="265" y2="265" class="ct-bar" ct:value="0"/>
</g>
<g class="ct-series ct-series-e">
<line x1="107.91666666666667" x2="107.91666666666667" y1="265" y2="15" class="ct-bar" ct:value="8"/>
<line x1="163.75" x2="163.75" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="219.58333333333334" x2="219.58333333333334" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="275.41666666666663" x2="275.41666666666663" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="331.25000000000006" x2="331.25000000000006" y1="265" y2="265" class="ct-bar" ct:value="0"/>
<line x1="385" x2="385" y1="265" y2="265" class="ct-bar" ct:value="0"/>
</g>
</g>
<g class="ct-labels">
<text x="50" y="285" width="55.833333333333336" height="20" class="ct-label ct-horizontal ct-end">1/14</text>
<text x="105.83333333333334" y="285" width="55.833333333333336" height="20" class="ct-label ct-horizontal ct-end">1/15</text>
<text x="161.66666666666669" y="285" width="55.83333333333333" height="20" class="ct-label ct-horizontal ct-end">1/13</text>
<text x="217.5" y="285" width="55.83333333333334" height="20" class="ct-label ct-horizontal ct-end">1/12</text>
<text x="273.33333333333337" y="285" width="55.83333333333334" height="20" class="ct-label ct-horizontal ct-end">1/16</text>
<text x="329.1666666666667" y="285" width="55.833333333333314" height="20" class="ct-label ct-horizontal ct-end"/>
<text y="265" x="40" height="31.25" width="30" class="ct-label ct-vertical ct-start">0</text>
<text y="233.75" x="40" height="31.25" width="30" class="ct-label ct-vertical ct-start">1</text>
<text y="202.5" x="40" height="31.25" width="30" class="ct-label ct-vertical ct-start">2</text>
<text y="171.25" x="40" height="31.25" width="30" class="ct-label ct-vertical ct-start">3</text>
<text y="140" x="40" height="31.25" width="30" class="ct-label ct-vertical ct-start">4</text>
<text y="108.75" x="40" height="31.25" width="30" class="ct-label ct-vertical ct-start">5</text>
<text y="77.5" x="40" height="31.25" width="30" class="ct-label ct-vertical ct-start">6</text>
<text y="46.25" x="40" height="31.25" width="30" class="ct-label ct-vertical ct-start">7</text>
<text y="15" x="40" height="30" width="30" class="ct-label ct-vertical ct-start">8</text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment