javascript

D3.jsでCSVから簡単な棒グラフ描いてみる

最近はWebでグラフとかを表示する場合、画像じゃなくてSVGとかCanvasでインタラクティブ的な要素も入ってたりするとクールなようです。
で、そのまま自力でやろうとすると色々大変なのでライブラリを使ったりするわけですが、今回は色々ある中でD3.jsを使用してみます。

breakpoints.jsを使用したレスポンシブでの画像切り替え

PCは横長なので画像も横長に作成することが多いですね。しかし、レスポンシブでスマートフォンに対応した場合は、横長画像だとよくわからなくなってしまいます。
「breakpoints.js」を使用すれば割りとお手軽にPC用とスマホ用の画像を切替えできますよ。