BDAstyle

ビジネスデータ分析ツールの作成 with Excel

マリメッコチャートジェネレータ on Web(β)

Excelではちょっとばかり面倒なマリメッコチャート(モザイク図)を描くためのサービスです。JavaScriptおよびそのライブラリD3.js(ver.3.0)によりクライアント側で動作します。


利用のしかた

Step 0

Step 1より順に手順を経ていくことで作成が可能です。

Step 1に掲示の初期値は別頁「マリメッコチャート(モザイク図)の作成 with Excel」で使用した検証用データを改めたものです。使用にあたってはまずこれを消去してください。

仕様

免責および特記事項

データの指定と実行

Step 2

エクセルのシート上の任意の場所にクロス集計表を作成します。このとき,表側頭(左上角)部は必ず空白としておきます。

表全体(下図参照)を矩形に選択し,内容をクリップボードにコピーします(Ctrl+C)。

Step 3

下のテキストエリアにクリップボードの内容をペーストします(Ctrl+V)。

正しくペーストされたことを確認して,「実行」ボタンをクリックします。

項目名

処理結果

[文書への挿し込みかた]方法1:スクリーンショットによるキャプチャ

Method 1スクショ

このグラフを他文書で使うにあたり,スクショは最も手軽な方法となります。

とりわけwindows環境に限っての説明を加えると,生成したチャートを画面内に収めた状態から標準アプリの「Snipping Tool」を使って,チャートのみを切り抜くのがbetterかと思います。

この場合,切り抜いたチャートをワードやパワポなどにコピペするか,あるいはpng形式などでいったん保存してから挿入するか,いずれかを選択して利用することとなります。

[文書への挿し込みかた]方法2:SVGファイルの作成

Method 2SVG

MS Officeファミリにおいては,バージョン2016よりsvg画像を扱うことが可能になりました。ベクタ形式のこの画像を上手に使えば,“にじんだり” “ぼやけたり” といったゲンナリを過去のものにすることができます。……ゆえに見た目に映えるかどうかをまったく気にしないのでなければ,筆者としてはこちらの方を強くオススメしたいところです。

この場合,先に生成したチャートの(1)直下に吐き出されるコードのみをすべて選択(2)クリップボードにコピー(3)任意のテキストエディタ(windows環境に限れば,たとえば標準アプリの「メモ帳」など)に貼り付けた後……

……(4)任意の名前に拡張子「.svg」を加え,文字コードを「UTF-8」として先のコードを任意の場所に保存します。

以上の手順で作成したsvgファイルは,通常の画像と同様の操作で文書に挿入して利用することが叶います。

また,この画像がコードによって生成されていることに鑑みれば,(svgに関する)若干の知識さえあったときには,下図のような任意のアレンジも可能となります。

その他の参照