「 月別アーカイブ：2016年03月 」 一覧
フレックスコンテナ内の主軸方向の配置方法を指定する
2016/03/31 | CSS justify-content, フレックスコンテナ
フレックスコンテナ内の主軸方向に余白ができるとき、フレックスアイテムと余白をどのように配置するのかを指定するのがjustify-contentプロパティです、このプロパティはフレックスコンテナに対して
フレックスアイテムの幅の増減を個別指定
2016/03/30 | CSS flex-basis, flex-grow, flex-shrink, フレックスアイテム
フレックスアイテムを配置したとき、フレックスコンテナの主軸方向に余白ができてしまうときや、逆に入りきらずはみ出してしまうときがあります。そんなときに、アイテムの幅を調整することで、コンテナ内にぴったり
フレキシブルボックスレイアウトでアイテムの並び順を指定する
2016/03/29 | CSS order, フレキシブルボックスレイアウト
フレックスアイテムはソースコードに書かれた順番でフレックスコンテナ内に普通は配置されます。アイテムの配置順序をしたいときは、それぞれのアイテムがどの順序グループに属するのかをorderプロパティで指定
フレキシブルボックスレイアウトを使う
2016/03/27 | CSS フレキシブルボックスレイアウト
久しぶりにCSSの記事を書いていきます。タイトルの通りフレキシブルボックスレイアウトについて書きます。ボックスのサイズや配置を柔軟に設定したり、調整したりできる方法をフレキシブルボックスレイアウトとい
D3.js サーバーのログを読み込んで、OSのシェアを表示してみる
2016/03/26 | D3.js match()()メソッド, ログ解析
D3.jsを利用して、サーバーログを読出して、情報を得ることができます。 サンプルコードの実行結果はこちら [crayon-5f056a486cd9913864934
フィッシュアイプラグインを使ってみる
2016/03/25 | D3.js パイチャート, フィッシュアイプラグイン
今回は、マウスカーソルを重ねたときに、マウスカーソルを中心にして拡大するフィッシュアイプラグインを利用します。 フィッシュアイプラグインはこちら まずは上記のプラグインをダウンロードします。今
グラフをソートして表示する
以前、縦棒グラフを表示するサンプルコードを書きましたが、時と場合によりただ棒グラフを表示するだけではなく、インタラクティブに表現したいことがあります。たとえば、棒グラフで商品別の売り上げを表示する時、
鶏頭図(けいとうず)を表示する
D3.jsでは円グラフに一工夫を加えることで鶏頭図を表示できます。鶏頭図は円グラフと似ていますが。それぞれの扇形の中心角は一定で、量は中心からの半径で表示されます。 サンプルコードの実行結果はこ
ツリーレイアウトを表示する
D3.jsにはツリーレイアウト(樹形図・木構造といったりもします)を生成することができます。ツリーレイアウトは以前の記事で書いたツリーマップと似ています。データセットに必要なプロパティ(キー名)も同一
