2024年4月

グラフをHTMLとCSSで作るならtable要素が最適解かもしれない

円グラフや棒グラフをウェブページに載せる際、皆さんはどうしていますか?

Photoshop などで画像として作り、img要素で表示しますか? それとも、SVG で作りますか? あるいは、canvas要素と JavaScript を組み合わせて描画しますか?

様々な方法が考えられますが、セマンティックに、かつ手軽に作りたいのであれば、table要素を CSS でスタイリングする方法がベストかもしれません。