[CSS]スタイシートだけで実装するアクセシブルな折れ線グラフ

スクリプトやフラッシュを使用しないで、スタイルシートだけで実装する折れ線グラフをcss globeから紹介します。

[psychedesire]

便利なのかどうなのか…設定変更がめんどくさそうかも。

[kurobuchi]

cssで折れ線グラフを表示。なるほど…

[whirl]

表ならテーブルかと思ったぜ

[kits]

「スタイシートだけで…」というタイトルは疑わしく見える。(実際はHTML側で細かいclass属性指定を要する)

[otchy210]

実質的には css のクラス名をサーバサイドで計算する必要があるんだから、それなら Flex とか GD 使ってグラフ書いちゃえば？って思う。テキスト情報は別途 display:none で埋め込んで視覚障害者に配慮すればいーじゃん。

[nash13kiko]

css graph

[ginpei]

様々な角度の画像を使って表現する線グラフ。力技ながらも、出力は綺麗だなあ。

[DocSeri]

ふと冷静になってみると「ここまでしてCSSで実装する理由があるだろうか」という疑問がふつふつと。img+altまたはlongdescで処理する方が素直なのではないかと

[suzuki107]

これはすごい。