Programming

17326 readers

150 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

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

top 7 comments

sorted by: hot top controversial new old

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

[–] serra@slrpnk.net 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.

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

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

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

Try changing to desktop mode, worked for me.

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

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

[–] douglasg14b@programming.dev 1 points 3 months ago* (last edited 3 months ago)

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.