Pure css charts based on html tables (ffoodd.github.io)
from serra@slrpnk.net to programming@programming.dev on 02 Aug 2024 06:30
https://slrpnk.net/post/11983122

I just found about the rather experimental chaarts. It enhances the standard html <table> and turns it into different charts. Complete with hover text and animations.

It seems to be pretty accessible. And if the user agent doesn’t support the fancy css it degrades gracefully to the original <table>

#programming

threaded - newest

FizzyOrange@programming.dev on 02 Aug 2024 06:39 next collapse

Nice! Though a lot of the pages don’t show any charts at all on mobile. E.g. the Pie Charts page doesn’t seem to contain any pie charts? And the line charts page only shows a line chart in landscape which is weird.

serra@slrpnk.net on 02 Aug 2024 06:52 collapse

It works for me with Firefox on Android. But I guess it’s not surprising that some Browsers struggle.

pryre@lemmy.world on 02 Aug 2024 07:21 next collapse

Strange as it doesn’t show any for me on Firefox for Android. Perhaps you have a newer version than all of us!

UndercoverUlrikHD@programming.dev on 02 Aug 2024 09:00 collapse

Try changing to desktop mode, worked for me.

pryre@lemmy.world on 02 Aug 2024 11:54 collapse

That did the trick, obviously charts on mobile is just too much power!

FizzyOrange@programming.dev on 02 Aug 2024 08:38 collapse

It’s not a browser issue. There’s some weird “responsive” thing that entirely hides the graphs. You probably just have a bigger screen.

douglasg14b@programming.dev on 04 Aug 2024 18:37 collapse

Doesn’t appear to show any charts on Chrome for mobile…

Seems to be a responsiveness issue, because it goes away in landscape mode, and the charts show.