Cytoscape test: Difference between revisions
From FANTOM5_SSTAR
No edit summary |
No edit summary |
||
| Line 43: | Line 43: | ||
// where you have the Flash installer SWF | // where you have the Flash installer SWF | ||
flashInstallerPath: "/resource_browser/rb_js/cytoscapeweb/swf/playerProductInstall" | flashInstallerPath: "/resource_browser/rb_js/cytoscapeweb/swf/playerProductInstall" | ||
}; | |||
// visual style we will use | |||
var visual_style = { | |||
global: { | |||
backgroundColor: "#ffffff", | |||
opacity: 0.1, | |||
tooltipDelay: 10 | |||
}, | |||
nodes: { | |||
label: { passthroughMapper: { attrName: "id" } }, | |||
tf: { passthroughMapper: { attrName: "id" } }, | |||
tooltipText: "<b>${id}</b><br />${motif}", | |||
shape: "ellipse", | |||
borderWidth: 1, | |||
borderColor: "#000000", | |||
size: 40, | |||
color: "#0099ff", | |||
opacity: 0.4, | |||
labelHorizontalAnchor: "center" | |||
}, | |||
edges: { | |||
width: { passthroughMapper: { attrName: "zscore" } }, | |||
label: { passthroughMapper: { attrName: "id" } }, | |||
tooltipText: { passthroughMapper: { attrName: "id" } }, | |||
tooltipText: "<b>${id}</b><br />${zscore}", | |||
color: "#011e59", | |||
targetArrowShape: "delta", | |||
sourceArrowShape: "", | |||
labelGlowOpacity: 0.8, | |||
labelGlowColor: "#000000" | |||
} | |||
}; | }; | ||
| Line 48: | Line 80: | ||
var draw_options = { | var draw_options = { | ||
// your data goes here | // your data goes here | ||
network: | network: xml, | ||
visualStyle: visual_style, | visualStyle: visual_style, | ||
nodeTooltipsEnabled: true, | nodeTooltipsEnabled: true, | ||
Revision as of 13:01, 23 April 2012
Cytoscape Web will replace the contents of this div with your graph.
