# 网络图生成器

交互式网络关系图，用于可视化社交网络、拓扑结构和节点连接

> 标准页面: https://elysiatools.com/zh/tools/network-chart

- **分类:** Data Visualization

- **关键词:** 网络, 图表, 节点, 边, 关系, 社交, 拓扑, 连接

## 概述

网络图生成器是一款专业的在线可视化工具，旨在将复杂的节点与连接关系转化为直观的交互式网络图，适用于分析社交网络、系统拓扑结构及各类关联数据。

## 输入项

- **网络数据** (textarea): JSON格式的网络数据，包含nodes和edges数组。节点：id、label、group、size、color。边：source、target、weight、color、label
- **图表标题** (text): 网络图的主标题
- **布局算法** (select): 选择布局算法
- **显示节点标签** (checkbox): 是否显示节点标签
- **显示边标签** (checkbox): 是否显示边标签
- **配色方案** (select): 选择配色方案
- **默认节点大小** (text): 节点的默认大小（像素）
- **默认边宽度** (text): 边的默认宽度（像素）
- **连接距离** (text): 连接节点间的理想距离（力导向布局）
- **节点排斥力** (text): 节点间的排斥力（负值）
- **动画时长** (text): 动画持续时间（毫秒）

## 适用场景

- 需要清晰展示复杂系统内各组件之间的连接关系时
- 分析社交网络或组织架构中的节点影响力与关联度时
- 进行 IT 基础设施拓扑结构规划与演示时

## 工作原理

- 准备包含 nodes（节点）和 edges（边）的 JSON 格式数据。
- 将数据粘贴至输入框，并根据需求选择力导向、圆形或网格等布局算法。
- 调整配色方案、节点大小及连接距离等参数，实时预览并生成交互式图表。

## 使用案例

- 社交关系分析：可视化用户间的互动频率与社群归属。
- IT 拓扑监控：绘制服务器、交换机与终端设备的连接链路。
- 知识图谱构建：展示概念、实体之间的逻辑关联与权重。

## 常见问题

### 支持哪些数据格式？

本工具支持标准的 JSON 格式，需包含 nodes（节点）和 edges（边）两个数组。

### 如何调整节点之间的间距？

您可以通过调整“连接距离”和“节点排斥力”参数来控制节点间的间距与分布密度。

### 生成的图表支持交互吗？

是的，生成的网络图支持交互操作，您可以拖拽节点以重新排列布局。

### 可以自定义节点的颜色吗？

您可以在 JSON 数据中为每个节点指定颜色属性，或通过工具内置的配色方案进行全局调整。

### 布局算法有什么区别？

力导向布局适合展示自然聚类，圆形布局适合对称结构，网格布局则适合规整的矩阵排列。

## 相关工具

- [对比条形图生成器](https://elysiatools.com/zh/tools/comparison-bar-chart): 生成背对背条形图，用于正负值对比展示，非常适合数据集对比分析
- [环形图生成器](https://elysiatools.com/zh/tools/donut-chart-generator): 从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据
- [漏斗图生成器](https://elysiatools.com/zh/tools/funnel-chart-generator): 从数据生成可自定义的漏斗图，非常适合显示转化率、销售管道和流程
- [仪表盘图生成器](https://elysiatools.com/zh/tools/gauge-chart-generator): 从数据生成可自定义的仪表盘图（速度计图），非常适合显示KPI、指标和性能数据
- [热力图生成器](https://elysiatools.com/zh/tools/heatmap-generator): 从数据生成可自定义的热力图，非常适合可视化数据密度、相关性和模式
- [冰柱图生成器](https://elysiatools.com/zh/tools/icicle-chart-generator): 生成交互式冰柱图用于层级数据可视化，非常适合显示树形结构、文件系统和组织架构
- [多层饼图生成器](https://elysiatools.com/zh/tools/multi-level-pie-chart-generator): 创建同心圆多层饼图，支持层级关系显示和交互式钻取功能
- [象形图生成器](https://elysiatools.com/zh/tools/pictograph-generator): 使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局

## 示例

- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像
- [Terraform Plan JSON 样本](https://elysiatools.com/zh/samples/terraform-plan-json-samples): 用于依赖可视化和变更审查的 Terraform plan JSON 文件样本，贴近 terraform show -json 输出结构
- [D3.js 数据可视化示例](https://elysiatools.com/zh/samples/d3js-data-visualization): 全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化

## 相关内容

- [图表与图示生成器](https://elysiatools.com/zh/hubs/chart-diagram-generators): 根据数据结构选择图表，清晰表达比较、分布、层级、关系、进度和时间安排。