this post was submitted on 02 Aug 2024
22 points (100.0% liked)

Programming

17656 readers
98 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

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 2 years ago
MODERATORS
snowe@programming.dev
Ategon@programming.dev
MaungaHikoi@lemmy.nz
22
Pure css charts based on html tables (ffoodd.github.io)
submitted 4 months ago* (last edited 4 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 4 months ago (5 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.

[–] serra@slrpnk.net 3 points 4 months ago (2 children)

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

[–] FizzyOrange@programming.dev 6 points 4 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.

[–] pryre@lemmy.world 4 points 4 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!

[–] UndercoverUlrikHD@programming.dev 4 points 4 months ago (1 children)

Try changing to desktop mode, worked for me.

[–] pryre@lemmy.world 4 points 4 months ago

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

load more comments (2 replies)