Pure css charts based on html tables (ffoodd.github.io)

submitted 3 months ago* (last edited 3 months ago) by serra@slrpnk.net to c/programming@programming.dev

7 comments fedilink hide all child comments

I just found about the rather experimental chaarts. It enhances the standard html 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

you are viewing a single comment's thread
view the rest of the comments

[-] FizzyOrange@programming.dev 8 points 3 months ago

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 3 points 3 months ago

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

[-] FizzyOrange@programming.dev 6 points 3 months ago

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

load more comments (3 replies)

this post was submitted on 02 Aug 2024

24 points (100.0% liked)

Programming

17314 readers

31 users here now

Welcome to the main community in programming.dev! Feel free to post anything relating to programming here!

Cross posting is strongly encouraged in the instance. If you feel your post or another person's post makes sense in another community cross post into it.

Hope you enjoy the instance!

Rules

Follow the programming.dev instance rules
Keep content related to programming in some way
If you're posting long videos try to add in some form of tldr for those who don't want to watch videos

Wormhole

Follow the wormhole through a path of communities !webdev@programming.dev

founded 1 year ago

MODERATORS

snowe@programming.dev

Ategon@programming.dev

MaungaHikoi@lemmy.nz