つながりが見えるコンセプトマップを作れるJavaScript「jquery-conceptmap-plugin」

思いつくままにアイディアを出し、概念を視覚的に整理したコンセプトマップ。
それをJavaScriptで作ってみましょう。
via:knv/jquery-conceptmap-plugin
つながりが見えるコンセプトマップを作れるJavaScript「jquery-conceptmap-plugin」サンプル

使用方法
knv/jquery-conceptmap-plugin - GitHubからファイル一式をダウンロードします。
<link rel="stylesheet" href="style.css" />
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.js" type="text/javascript"></script>
<script src="jquery.conceptmap.js" type="text/javascript"></script>
<script src="textareaLoader.js" type="text/javascript"></script>
<script>
$(function() {
$("#container").conceptMap({
'tripleLoader': textareaLoadEngine
});
});
</script>

あとは表示場所をidで指定し、表示させたい内容をtextareaに記述していきます。

<div id="container"></div>
<textarea id="concepts" rows="10" cols="60">
すくえあ "は" 良いサイト
すくえあ "は" ダメサイト
すくえあ "で" 見てよ
すくえあ "が" いいね!
すくえあ "って" なーに?
</textarea>

つなぎたいとこに ""を記述してください。

つながりが見えるコンセプトマップを作れるJavaScript「jquery-conceptmap-plugin」サンプル

sponsors

「つながりが見えるコンセプトマップを作れるJavaScript「jquery-conceptmap-plugin」」をシェアする

記事作成:
記事URL:

TOP > > > つながりが見えるコンセプトマップを作れるJavaScript「jquery-conceptmap-plugin」