CSS

【CSS】シンプルなCSSチャートcssplot

June 3, 2017
cssplot

cssplotはシンプルなCSSチャート

Usage

<link media="all" rel="stylesheet" type="text/css" href="/build/cssplot.full.css" />

Column chart

<div class="column-chart">
    <ul class="plot-container">
        <li data-cp-size="99">99%</li>
        <li data-cp-size="50">50%</li>
        <li data-cp-size="30">30%</li>
        <li data-cp-size="90">90%</li>
        <li data-cp-size="10">10%</li>
        <li data-cp-size="70">70%</li>
        <li data-cp-size="30">30%</li>
        <li data-cp-size="90">90%</li>
    </ul>
</div>

MIT