Cssplot-css drawing a chart

Cssplot is a non-dependent, purely CSS, responsive design of the CSS that can draw chart elements.

Use

• Introducing the Cssplot.css file in HTML
• Use attributes in labels that need to draw a chart data-cp-size

Demo

<div class= "Bar-chart" >    <ul class= "container" >        <li data-cp-size= "a" >99%</li>        <li data-cp-size= ">50%</li>        <li data-cp-size=" >30%</li>        <li Data-cp-size= ">90%</li>        <li data-cp-size=" >10%</li>        <li data-cp-size= "70" >70%</li>        <li data-cp-size= "" ">30%</li>        <li data-cp-size=" All ">90%</li>    </ul></div>

Effect

Currently Cssplot supports drawing histograms, and scatter plots. Compared to other chart libraries (such as Chart.js), the cssplot is much lighter, which is that there are fewer chart elements supported.

Github

Asciimoo/cssplot

Cssplot-css drawing a chart