12、可视化图表：从人物图像到气泡图的实现

可视化图表：从人物图像到气泡图的实现

在数据可视化的世界里，将复杂的数据以直观的图表形式呈现出来是至关重要的。本文将详细介绍如何实现从为人物节点添加图像到创建气泡图的整个过程。

为人物节点添加图像

在进行可视化之前，我们需要获取人物的图像。手动从谷歌搜索并下载图像过于繁琐，因此我们编写了一个脚本，从 WikiSimpsons（https://simpsonswiki.com）下载图像。

脚本的主要步骤如下：
1. 获取数据 ：从指定页面获取人物名称和图像链接。
2. 名称映射 ：确保下载的文件名与已有数据中的人物名称匹配。
3. 下载图像 ：将每个角色的图像下载到 images 目录，并以角色名称命名。

以下是具体的脚本代码：

var https = require('https');
var cheerio = require('cheerio');
var idl = require('image-downloader');
var mapping = {
    "waylon smithers, jr.": "waylon smithers",
    "charles montgomery burns" : "c. montgomery burns",
    "abraham simpson" : "grampa simpson",
    "irving zitsofsky" : "do