Dash Cytoscape

一个用于在Python中创建交互式和可定制的网络的Dash组件库，基于Cytoscape.js。

• 🌟 Medium文章
• 📣 社区公告
• 💻 GitHub仓库
• 📚 用户指南
• 🗺 组件参考
• 📺 网络研讨会记录

Python入门

先决条件

确保dash及其依赖库已正确安装

pip install dash

如果您想安装最新版本，请查看Dash安装文档。

用法

使用pip安装库

pip install dash-cytoscape

如果您想使用CyLeaflet地图扩展，必须安装可选的leaflet依赖项

pip install dash-cytoscape[leaflet]

在app.py文件中创建以下示例

import dash
import dash_cytoscape as cyto
from dash import html

app = dash.Dash(__name__)
app.layout = html.Div([
    cyto.Cytoscape(
        id='cytoscape',
        elements=[
            {'data': {'id': 'one', 'label': 'Node 1'}, 'position': {'x': 50, 'y': 50}},
            {'data': {'id': 'two', 'label': 'Node 2'}, 'position': {'x': 200, 'y': 200}},
            {'data': {'source': 'one', 'target': 'two','label': 'Node 1 to 2'}}
        ],
        layout={'name': 'preset'}
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)

外部布局

您还可以添加外部布局。使用cyto.load_extra_layouts()函数开始

import dash
import dash_cytoscape as cyto
from dash import html

cyto.load_extra_layouts()

app = dash.Dash(__name__)
app.layout = html.Div([
    cyto.Cytoscape(...)
])

调用cyto.load_extra_layouts()还可以启用生成SVG图像

R入门

先决条件

install.packages(c("devtools", "dash"))

用法

使用devtools安装库

devtools::install_github("plotly/dash-cytoscape")

在app.R文件中创建以下示例

library(dash)
library(dashHtmlComponents)
library(dashCytoscape)

app <- Dash$new()

app$layout(
  htmlDiv(
    list(
      cytoCytoscape(
        id = 'cytoscape-two-nodes',
        layout = list('name' = 'preset'),
        style = list('width' = '100%', 'height' = '400px'),
        elements = list(
          list('data' = list('id' = 'one', 'label' = 'Node 1'), 'position' = list('x' = 75, 'y' = 75)),
          list('data' = list('id' = 'two', 'label' = 'Node 2'), 'position' = list('x' = 200, 'y' = 200)),
          list('data' = list('source' = 'one', 'target' = 'two'))
        )
      )
    )
  )
)

app$run_server()

文档

Dash Cytoscape用户指南包含了您需要了解库的所有信息。它包含有用的示例、功能代码，并且完全交互式。您还可以使用组件参考来获取API的完整和简洁规范。

要了解更多关于核心Dash组件以及如何使用回调的信息，请查看Dash文档。

要获取关于底层JavaScript API的补充信息，请查看Cytoscape.js文档。

贡献

确保您已阅读并理解我们的行为准则，然后前往CONTRIBUTING开始。

测试

如何在CONTRIBUTING.md中运行测试的说明。

许可

Dash、Cytoscape.js和Dash Cytoscape均受MIT许可。请查看LICENSE以获取更多详细信息。

联系和支持

有关联系方式的详细信息，请参阅https://plotly.com/dash/support。

致谢

衷心感谢Cytoscape联盟和Cytoscape.js团队为创建如此完整的交互式网络API所做的贡献。没有他们的巨大努力，这个库是不可能的！

拉取请求和问题模板受到了scikit-learn项目的启发。

画廊

动态展开元素

代码 | 演示

交互式更新样式表

代码 | 演示

自动生成交互式系统发育树

代码 | 演示

创建自己的样式表

代码 | 演示

使用事件回调

代码 | 演示

使用外部布局

代码

将图形导出为图片

代码

使图形响应式

代码

要查看扩展图库，请访问演示的readme。