Test, Cytoscape Plugin

Abstract#

Previously I liked TouchGraph as open source network visualization tool. The product became a business, it should be welcomed but I've not been able to use that software easily. I found a project called Cytospace[1]. It seems to include JavaScript library. I would like to study how to use the library here.

Topics#

• How to start

get cytoscape.js and include this java script library in your html as source of script. and define "cy" object. good tutorial->[3]

• Data Interface?

ノードとエッジのデータをそろえて、スタイルとレイアウトを設定するのが基本。それをJSONで出力して、JavaScript上でインプットするとOK

• Layout

スタイルと混合しないこと。それぞれ考えたほうがいい。拡張機能のColaがよさげ。使い方は、layoutでcolaを指定し、cola.jsとcytoscape-cola.jsをscript srcに指定する。[4]

• Group

データのグループを分けて、それぞれのスタイルを変えたい。できるかな。

• Cytoscape Plugin

I would like to develop a JSPWiki plugin to use cytospace.js easily on this wiki system.

• Cytoscape-Plugin Test

I would like to try to test a Jspwiki plugin

Interests#

• how to use!!

Reference#

1. [#1]2014, keiono, ネットワーク可視化プラットフォームCytoscapeの現状まとめ, http://qiita.com/keiono/items/0db6495c4d8bc215de67
2. cytoscape javascript project website, http://js.cytoscape.org/
3. [#3]Joseph Stahl, Getting started with Cytoscape.js, http://blog.js.cytoscape.org/2016/05/24/getting-started/
4. [#4]Volker, 2016, Graph libraries – Cytoscape.js with Cola.js, https://www.technologyscout.net/2016/08/graph-libraries-cytoscape-js-with-cola-js/