Meow Charts

Meow-charts

An easy-to-use charting library for Svelte applications.

How to use

Copy any .svelte components inside /src to your project.

Column chart example

<ColumnChart items={[45,61,33,75,11,55,98]}
             fill="blue"
             max="100"
             xLabels={["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}
             yLabels={["25%","50%","75%","100%"]} formatter={(x,y) => `It's ${y}% done as of ${x}.`}
columnColors={["red","orange","pink","purple","yellow","darkred","brown"]}
width="100%" height="100%"/>

Line chart example

<LineChart items="{[466,243,499,444,234,454,133,54,45,387]}" max="500"
           xLabels={[...Array(10).keys()].map(x => x*10+10)}
formatter={(x,y) => `It costs ${y}K$ after ${x} years.`}
yLabels={["100K","200K","300K","400K","500K"]} fill="darkblue"/>

TODOS:

• Grouped/Stacked column chart.
• Radar/Polar chart.
• Combo chart.
• Bar chart.