ChartSS.css - MarkdownでHTML/CSSベースのチャートを生成

 (rbitr.github.io)
3 ポイント 投稿者 xguru 2020-05-24 | 1件のコメント | WhatsAppで共有

  • アクセシビリティをサポートするセマンティックHTMLチャート + CSSライブラリ

  • HTMLテンプレートを直接作成するか、MarkdownをPandocを使ってHTMLに変換可能

  • No JS。ほかの依存関係なし

  • Bar、Scatter Plot、Line、Stacked Bar、Waterfall などをサポート

関連記事

1件のコメント

 
xguru 2020-05-24

C💚SS.css hart -> heart に変えたタイトルの意味がわかりますね。

JSがないのでアクセシビリティに対応したチャートではあるものの、スクリーンリーダーがどう読んでくれるのかはよくわかりませんね。

最近のSVG2ではARIAサポートについて別途検討されているので、究極的にはSVGを使うほうがより標準的な方法なのではないかと思います。

https://svgwg.org/svg2-draft/struct.html#WAIARIAAttributes