Dash Interactive Graphviz

Dash Interactive Graphviz 在 dash 组件中呈现graphviz或点语言。

Graphviz 是开源图形可视化软件。图可视化是一种将结构信息表示为抽象图和网络图的方法。它在网络、生物信息学、软件工程、数据库和网页设计、机器学习以及其他技术领域的可视化界面中具有重要应用。

它支持：

• 将 graphviz 源显示为图形
• 渲染完全是客户端
• 围绕图形缩放和平移（重置）
• 选择节点
• 不同图形之间的动画

用法

您可以使用 pip （或其他任何东西）安装

pip install dash_interactive_graphviz

用法很简单，下面展示了如何自己实例化组件。

import dash_interactive_graphviz

dot_source = """
digraph  {
  node[style="filled"]
  a ->b->d
  a->c->d
}
"""

dash_interactive_graphviz.DashInteractiveGraphviz(
    id="graph",
    dot_source=dot_source
)

单击节点或边时， selected_node或selected_edge属性将更改。

注意[Pending deprecation]selected被替换为selected_node.

选定图形元素上的挂钩允许您在选择图形元素时更改 Dash 应用程序的元素。例如：

@app.callback(
    Output( ..., ... ),
    [Input('graph', 'selected_node')]
)
def change_my_view(selected):
    # Do something with selected

您可以在 usage.py 中看到一个基本示例。

通常，您可能希望根据所选图形元素更新 dot_source。这是受支持的，您可以在 usage_highlighting.py 中查看示例。

engine您可以通过道具更改布局引擎。有关更多信息，请参阅 https://github.com/magjac/d3-graphviz#graphviz_engine。

行为

启用以下行为：

• 当 dot_source 更改时，图形将在两种状态之间平滑地动画。
• 您可以单击并拖动图形
• 您可以使用滚轮放大和缩小
• 您可以通过单击右上角的重置图标来重置图形位置和缩放
• 图形窗格的大小将与它的父级大小一致，图形将重新渲染，但重新渲染会去抖动，以免浏览器超载。
• 您可以选择一个图形元素（节点或边），它将触发对连接的任何破折号回调的更新。
• 您可以更改布局引擎