Streamlit-Agraph 项目教程

Streamlit-Agraph 项目教程

streamlit-agraph项目地址:https://gitcode.com/gh_mirrors/st/streamlit-agraph

1. 项目的目录结构及介绍

Streamlit-Agraph 项目的目录结构如下：

streamlit-agraph/
├── LICENSE
├── README.md
├── setup.py
├── streamlit_agraph/
│   ├── __init__.py
│   ├── agraph.py
│   ├── config.py
│   └── utils.py
└── examples/
    ├── basic_example.py
    └── advanced_example.py

目录结构介绍

• LICENSE: 项目的许可证文件。
• README.md: 项目的说明文档。
• setup.py: 项目的安装脚本。
• streamlit_agraph/: 项目的主要代码目录。
  • __init__.py: 初始化文件。
  • agraph.py: 核心的图表组件实现。
  • config.py: 配置文件。
  • utils.py: 工具函数。
• examples/: 示例代码目录。
  • basic_example.py: 基础示例。
  • advanced_example.py: 高级示例。

2. 项目的启动文件介绍

项目的启动文件是 examples/basic_example.py 和 examples/advanced_example.py。这两个文件分别展示了如何使用 Streamlit-Agraph 组件的基础和高级功能。

basic_example.py

import streamlit as st
from streamlit_agraph import agraph, Node, Edge, Config

nodes = [Node(id="Node 1", label="Node 1", size=200)]
edges = [Edge(source="Node 1", target="Node 2", label="Edge")]

config = Config(width=500, height=500)

agraph(nodes=nodes, edges=edges, config=config)

advanced_example.py

import streamlit as st
from streamlit_agraph import agraph, Node, Edge, Config

nodes = [Node(id="Node 1", label="Node 1", size=200), Node(id="Node 2", label="Node 2", size=200)]
edges = [Edge(source="Node 1", target="Node 2", label="Edge")]

config = Config(width=500, height=500, directed=True, physics=True)

agraph(nodes=nodes, edges=edges, config=config)

3. 项目的配置文件介绍

项目的配置文件是 streamlit_agraph/config.py。这个文件定义了图表组件的配置选项。

config.py

class Config:
    def __init__(self, width=500, height=500, directed=False, physics=False):
        self.width = width
        self.height = height
        self.directed = directed
        self.physics = physics

配置选项介绍

• width: 图表的宽度。
• height: 图表的高度。
• directed: 是否显示有向图。
• physics: 是否启用物理引擎。

通过这些配置选项，用户可以自定义图表的显示效果。

streamlit-agraph项目地址:https://gitcode.com/gh_mirrors/st/streamlit-agraph