HP 角色关系网络

哈利波特角色关系网络的互动可视化——完全在浏览器本地运行。探索谁认识谁、如何关联。

哈利波特角色网络互动可视化网页demo关系图

哈利波特宇宙的角色关系网络互动可视化——完全在浏览器中本地运行。节点代表角色，边代表关联，图谱揭示了魔法世界中谁认识谁。

这是一个本地执行的网络图谱——无服务器后端，纯 HTML/CSS/JS 在浏览器中运行。可视化让你探索角色联系，发现像邓布利多这样连接了几乎所有角色的核心人物，以及那些以出人意料的方式产生关联的边缘角色，理解魔法世界社交网络的底层结构。

网络格式天然适合哈利波特宇宙——原著中密集的具名角色之间的关系有明确的文档记录，让视觉图谱既信息量大又令人满足。本地运行的方式意味着它可以离线工作，瞬间加载。

图谱将角色以节点的形式分布在整个画布上。节点之间的连线代表已知的关系。点击一个节点高亮它的所有连接；悬停查看详细信息。布局算法将密集连接的角色推至中心，将孤立角色推向边缘——因此邓布利多、哈利与伏地魔自然锚定着整个图谱。

离线优先架构 完全在浏览器中运行，无服务器依赖——角色数据直接打包在页面中，快速且稳定。

探索驱动的设计 没有预设的"正确"浏览路径——你按自己的节奏探索，跟随自己感兴趣的关联。

清晰的视觉层级 高连接度的角色占据中心，边缘角色向外辐射——图谱的空间逻辑与其社交逻辑一致。

Interactive Graph · Character Network · Harry Potter · Web Demo

详情