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

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

在数据可视化领域，如何生动且有效地展示数据是一个重要的课题。本文将介绍如何为人物节点添加图像、实现交互效果，以及创建一个展示《辛普森一家》角色常用词汇的气泡图。

为人物节点添加图像

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

以下是下载图像的脚本：

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" : "doctor zitsofsky"
}
var options = {
    host: 'simpsonswiki.com',
    path: '/wiki/Simpsons_Roasting_on_an_Open_Fire/Appearances'
}
var request = https.request(options, function (res) {
    var data