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

最近はWebでグラフとかを表示する場合、画像じゃなくてSVGとかCanvasでインタラクティブ的な要素も入ってたりするとクールなようです。
で、そのまま自力でやろうとすると色々大変なのでライブラリを使ったりするわけですが、今回は色々ある中でD3.jsを使用してみます。
GitHubでJSライブラリなどが置いてあると、ちょっと動作を確認したいときでも一度ダウンロードしなくてはいけないのでめんどいですが、オンライン上でプレビューできるWebサービスがあるようなのでご紹介します。


ラジオボタンを選択するとスライドアニメーションして選択されるjQueryプラグイン「radiosToSlider」のご紹介。
前のバージョンまではちょっと設定が複雑だったので使用していなかったのですが、PhpStorm7になってSASS/SCSSなどプリプロセッサファイルの監視がかなり簡単になっていたのでご紹介します。PhpStorm7での解説ですが、WebStormなど他JetBRAINS製品でもほぼ変わらないはずです。


HTML5のCanvasをそのまま使おうとすると結構大変ですね。そこでCanvasのライブラリとか使うと効率がいいらしいのでまとめてみました。

そのキーワードがどれくらい検索されたかを表示したり、複数のキーワードの検索数を比べたりするGoogleトレンドというサービスがあります。
ここではWordPressのショートコードで、Googleトレンドの結果を表示する方法をご紹介します。