マインドマップは、関連ある物事に枝のように線ををのばしていって発想や考えの整理をする方法です。

　FreeMindというフリーソフトで図を描いてfreeMindFlashBrowserというツールでWebに公開することができます。

　図が右に寄っているのは、さいしょの点（好きのところ）の右側だけにしか枝をのばさなかったからです。

　FreeMindの使い方は、FreeMind活用クラブの説明がわかりやすいと思います。

ブログにのっけちまえ

　ブログで公開するときは、freeMindFlashBrowserをダウンロードしてきて、なかに入っている flashobject.js と visorFreemind.swf を自分のサイトにアップロードして、以下のようなスクリプトを書き込めばOK。
　freeMindFlashBrowserはMINDMAPSにあります。みつけにくいと思うので直リンも。

　自動で改行がはいるような設定にしていると、スクリプトの間に改行コードがはいってエラーがでて表示されなくなってしまうので、みっちりつなげた形にしてあります。

<div id="flashcontent"  style='height: 350;'>
Flash plugin or Javascript are turned off.
Activate both  and reload to view the mindmap
</div>
<script type="text/javascript" src="/flashobject.js"></script>
<script type="text/javascript">var fo = new FlashObject("/visorFreemind.swf", "visorFreeMind", "440", "350", 6, "#9999ff");fo.addParam("quality", "high");fo.addParam("bgcolor", "#ffffff");fo.addVariable("openUrl", "_blank");fo.addVariable("initLoadFile", "/archives/favorite.mm");fo.addVariable("startCollapsedToLevel","5");fo.write("flashcontent");</script>

これだと説明しづらいので改行してあるもので変更箇所を説明します。

<div id="flashcontent"  style='height: 350;'>
Flash plugin or Javascript are turned off.
Activate both  and reload to view the mindmap
</div>
<script type="text/javascript" src="/flashobject.js"></script>
<script type="text/javascript"><!--
var fo = new FlashObject("/visorFreemind.swf", "visorFreeMind", "440", "350", 6, "#9999ff");
fo.addParam("quality", "high");
fo.addParam("bgcolor", "#ffffff");
fo.addVariable("openUrl", "_blank");
fo.addVariable("initLoadFile", "/archives/favorite.mm");
fo.addVariable("startCollapsedToLevel","5");
fo.write("flashcontent");
// -->
</script>

　赤い字で示してあるのが必要なファイルの名まえです。アップロードした場所を指定してください。favorite.mmはFreeMindでつくったマインドマップのファイルです。
　青い字で示してあるのが表示サイズです。隠れちゃってるので横にスクロールさせていってね。440がこのブログでの横幅、350が高さです。好きな大きさに変更してください。ここをすべて100%と書き換えるとつかえるだけめいっぱいのサイズで表示してくれます。

　ブログの狭い領域に表示させるよりは、別ページに広く表示させた方がいいと思います。