Programming

17424 readers

24 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 [email protected]

founded 1 year ago

MODERATORS

[email protected]

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

submitted 3 months ago* (last edited 3 months ago) by [email protected] to c/[email protected]

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

[–] [email protected] 8 points 3 months ago (1 children)

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.

[–] [email protected] 3 points 3 months ago (2 children)

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

[–] [email protected] 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.

[–] [email protected] 4 points 3 months ago (1 children)

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

[–] [email protected] 4 points 3 months ago (1 children)

Try changing to desktop mode, worked for me.

[–] [email protected] 4 points 3 months ago

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