日本語を記入すると文字化けした話。Techniquesにあるように色々公開されているんだけども、ソースで見ると意味不明だったりするものが多いんでそれならテーブルをグラフにしちゃえばいいじゃんと思って試してみたのがコレです。:after→線両端の○ベースと線に画像を使えばIEにも対応できるけど割愛。表向き表示されないtrみたいな要素にも:beforeと:afterが使えます。tableの要素はdisplay:tableとかになってるのでpositionを使うとおかしなことになるのですがdisplay:blockにしてしまえばdivと同じになるため、グラフを描くに必要な素材が不足する心配はありません。この手法だと表とグラフ・グラフの種類を:targetやクラスの付与で切り替えたり出来るんで結構便利そうだと思いました。DesignWall.。