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
| データのグループを分けて、それぞれのスタイルを変えたい。できるかな。 |
| I would like to develop a JSPWiki plugin to use cytospace.js easily on this wiki system. |
| I would like to try to test a Jspwiki plugin |
Interests#
- how to use!!
Reference#
- [#1]2014, keiono, ネットワーク可視化プラットフォームCytoscapeの現状まとめ, http://qiita.com/keiono/items/0db6495c4d8bc215de67
- cytoscape javascript project website, http://js.cytoscape.org/
- [#3]Joseph Stahl, Getting started with Cytoscape.js, http://blog.js.cytoscape.org/2016/05/24/getting-started/
- [#4]Volker, 2016, Graph libraries – Cytoscape.js with Cola.js, https://www.technologyscout.net/2016/08/graph-libraries-cytoscape-js-with-cola-js/