Charts.css

https://chartscss.org/

by tosh • 1 year ago

103 23 1 year ago

claytonaalves• 1 year ago

Why not just use a canvas or a SVG ?

marcusb3• 1 year ago

How would you do that client side in pure CSS? "No JS" seems to be a goal of the project.

eyelidlessness3• 1 year ago

SVG doesn’t require JS.

o_m2• 1 year ago

It requires a lot more work to make it accessible for screen readers. This just falls back to a table element.

cacozen• 1 year ago

Does it automatically fall back to a table for screen readers? That’s certainly not ideal, but also not a bad start

tiffanyh• 1 year ago

Chartist.js is all SVG based and < 10kb in size (no external dependencies)

https://gionkunz.github.io/chartist-js/index.html

martinsnow• 1 year ago

Depends on the amount of data really.

noman-land• 1 year ago

None of these charts seem to show labels on both axes.

bowsamic• 1 year ago

Wow, that is extremely weird. I feel like we must be missing something, I just can't imagine this is possibly actually the case

buovjaga• 1 year ago

Blocked on conversion from flex to grid, which never happened: https://github.com/ChartsCSS/charts.css/issues/45

stogot• 1 year ago

Is the project no longer in development?

whall6• 1 year ago

Or data labels on the bars themselves

thom• 1 year ago

That appears to be supported:

https://chartscss.org/components/labels/

santa_boy• 1 year ago

The last one here seems to show both. Maybe its just a config issue

https://chartscss.org/components/axes/

Liquix• 1 year ago

the tailwind-esque ergonomics are appealing, especially considering how painful the current meta (chart.js spaghetti) can be to maintain.

caramellow• 1 year ago

I was a bit confused to not see that first page simply demonstrate a few examples of charts and that I had to click through each type to get an idea of this library.

I'd suggest pluck out some of the features you find after navigating through to https://chartscss.org/components/ and displaying them on this page so users without a lot of time or patience can quickly look through, maybe copy-paste the code examples to play with it a bit, and get a quick idea of how suitable it is for them.

keevitaja• 1 year ago

from github it looks unmaintained :(