Cytoscape Wiki|
← Revision 7 as of 2013-11-27 00:14:39
Size: 1691
Comment:
|
← Revision 8 as of 2013-11-27 00:27:26 →
Size: 2121
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 6: | Line 6: |
| Cytoscape.js is a '''!JavaScript library''' for interactive network visualization. It is a building block for web applications and is '''NOT''' a complete web application. If you want to share your network visualization created with Cytoscape, you can build your own website using Cytoscape.js and this new '''''Export to Cytoscape.js''''' feature. | [[http://cytoscape.github.io/cytoscape.js/|Cytoscape.js]] is a '''!JavaScript library''' for interactive network visualization. It is a building block for web applications and is '''NOT''' a complete web application. If you want to share your network visualization created with Cytoscape, you can build your own website using Cytoscape.js and this new '''''Export to Cytoscape.js''''' feature. |
| Line 20: | Line 20: |
| * A JavaScript library for network visualization, not a complete web application nor mobile app | * A !JavaScript library for network visualization, not a complete web application nor mobile app |
| Line 26: | Line 26: |
|
In a long term, Cytoscape and Cytoscape.js will be more integrated, and as the first step Cytoscape now supports reading and writing Cytoscape.js JSON files. In addition, Cytoscape can convert Styles to Cytoscape.js Style object. |
|
| Line 28: | Line 30: |
|
Since Cytoscape.js is a !JavaScript library, its basic data exchange format is [[http://www.json.org/|JSON (JavaScript Object Notation)]]. |
|
| Line 29: | Line 33: |
| Since Cytoscape.js is a JavaScript library, its basic data exchange format is JSON. | |
| Line 32: | Line 35: |
| Cytoscape and Cytoscape.js are sharing the concept of '''''Styles'''''. | |
| Line 34: | Line 38: |
|
File --> Import |
What is Cytoscape.js?
Cytoscape.js is a JavaScript library for interactive network visualization. It is a building block for web applications and is NOT a complete web application. If you want to share your network visualization created with Cytoscape, you can build your own website using Cytoscape.js and this new Export to Cytoscape.js feature.
Differences and Common Aspects
Although Cytoscape and Cytoscape.js are two completely independent software packages, they are sharing higher level concepts.
Cytoscape
- Desktop application for network visualization written in Java programming language
- Needs desktop or laptop computers to run
- Users have to install Java runtime
- High performance application for large scale network analysis and visualization
- Expandable by Apps
- Use Styles to map data (attributes) to visual properties, such as node color, edge width, node shape, etc.
Cytoscape.js
A JavaScript library for network visualization, not a complete web application nor mobile app
- Runs on most of modern web browsers, including tablets and smart phones
- No plugins are required to run. Modern web browser is the only requirement
- Need to write code to set up your web site or web application
- Use CSS-based Styles to map data to visual properties
In a long term, Cytoscape and Cytoscape.js will be more integrated, and as the first step Cytoscape now supports reading and writing Cytoscape.js JSON files. In addition, Cytoscape can convert Styles to Cytoscape.js Style object.
Data Exchange between Cytoscape and Cytoscape.js
Since Cytoscape.js is a JavaScript library, its basic data exchange format is JSON (JavaScript Object Notation).
Export Network and Table to Cytoscape.js
Export Styles to Cytoscape.js
Cytoscape and Cytoscape.js are sharing the concept of Styles.
Import Cytoscape.js data into Cytoscape
File --> Import