<ul><li>バブルチャート（bubble chart）にルート付きの構造化されたデータが必要</li><li>d3.packで一定範囲（width/height）内で円を描画（r,cx,cy）できるデータの作成</li><li>ルート付き/ルートなしでのバブルチャートを描画します</li><li>バブルに色を付けて描画します</li></ul>

<ul><li>IEがSVGの垂直方向位置調整プロパティ（dominant-baseline）を非対応</li>
<li>dominant-baselineの設定が違う言語の文字に基準点が違います</li>
<li>dominant-baselineの値：middle, centralの基準点説明が曖昧です</li>
</ul>

<ul><li>SVGで描画した円にテキストを表示します</li>
<li>水平方向の位置調整：text-anchor、垂直方向の位置調整：dominant-baseline</li>
<li>垂直方向位置調整：alignment-baseline はブラウザChromeだけ有効</li>
</ul>

<ul><li>表示データを定義します（例：配列）</li>
<li>表示データ分のHTMLエレメントが作成され、データをエレメントに埋め込まれる</li>
<li>新規作成されたエレメントに埋め込まれたデータの確認</li>
</ul>

<ul><li>特定データ（例：都市名など）と不特定データ（例：数字範囲 -1～1）を分類します</li>
<li>d3.scaleOrdinalで特定データの色表現</li>
<li>d3.scaleLinearで不特定データの色表現</li>
</ul>

<ul><li>やりたいこと：Heatmapチャートにある軸のラインと目盛を非表示にしたいです</li>
<li>解決１：cssで軸のライン（path）と目盛（line）を非表示</li>
<li>解決２：d3のセレクトで軸のライン/目盛を消去（remove）します</li>
<li>軸の外側にある目盛文字をチャートと距離調整（tickSizeInner）</li>
</ul>

<ul><li>凡例（legend）が横方向/縦方向があります</li>
<li>縦方向の凡例作成は比較的に簡単</li>
<li>横方向凡例は各凡例説明文のwidth取得（svgのgetBBox）が必要</li>
</ul>

<ul><li>共通点：コールバック関数＋関数内部ループで処理を行います</li>
<li>配列の反復処理関数（forEach,map,reduce,some,everyなど）の目的の違い</li>
<li>for文でこれらの処理実現ができます</li>
<li>違い：処理過程と出力</li>
<li>for文処理と比べて、配列の反復処理関数の方がパフォーマンス劣化の恐れ</li>
</ul>

<ul><li>SVGのプロパティ：viewBoxが設定されたビューの伸縮/切り取り</li>
<li>viewBox(x,y,width,height)のx/yは投影画像のずれ</li>
<li>viewBox(x,y,width,height)のwidth/heightは投影画像の伸縮</li>
<li>投影された画像をSVG設定の領域の広さにに合わせて（伸縮）に表示させます</li>
</ul>

<ul><li>コンテントタイプにリビジョン（履歴）の保存/戻す操作ができる</li>
<li>記事を評価するモジュール（Fivestar）の変更履歴がリビジョン反映されない</li>
<li>Drupalの関数（field_attach_update）でフィールド更新する場合にリビジョン管理はできません</li>
</ul>