11、可视化图：从数据处理到力导向布局的实现

可视化图：从数据处理到力导向布局的实现

在数据可视化的领域中，将数据以直观的图形方式呈现出来是非常重要的。本文将详细介绍如何将数据库中的数据进行处理和转换，以及如何使用 D3.js 创建力导向布局的可视化图。

1. 数据导出与初步分析

首先，通过 SQL 命令将相关数据导出为一组 CSV 文件，这些文件包含了角色、地点以及脚本行等信息。例如：
- characters.csv ：包含角色的 ID、名称、标准化名称、性别以及创建和更新时间等信息。

id,name,normalized_name,gender,created_at,updated_at
7,Children,children,,2016-09-29 15:24:20.372136,2016-09-29 15:24:20.372136
12,Mechanical Santa,mechanical santa,,2016-09-29 15:24:20.690947,2016-09-29 15:24:20.690947

• locations.csv ：包含地点的 ID、名称、标准化名称以及创建和更新时间等信息。

id,name,normalized_name,created_at,updated_at
1,Street,street,2016-09-29 15:24:20.189358,2016-09-29 15:24:20.189358
2,Car,car,2016-09-29 15:24:20.213079,2016-09-