Programming @programming.dev serra @slrpnk.net 4mo ago

Pure css charts based on html tables

Charts with HTML & CSS

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>

WebDev @lemmy.world adr1an @programming.dev 3mo ago

ffoodd.github.io /chaarts/index.html

4 0

7 comments

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.
- It works for me with Firefox on Android. But I guess it's not surprising that some Browsers struggle.
  
  It's not a browser issue. There's some weird "responsive" thing that entirely hides the graphs. You probably just have a bigger screen.
  
  Strange as it doesn't show any for me on Firefox for Android. Perhaps you have a newer version than all of us!
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.

7 comments