对于《红楼梦》的读者和研究者来说，这款人物关系动态演示图是一个极具价值的辅助工具。它以直观的可视化方式，将小说中错综复杂的人物关系梳理得井井有条，无论是初读者想要快速了解主要人物的关联，还是资深爱好者深入研究人物互动，都能从中获益。对于文学教师而言，这款工具也是课堂教学的有力辅助，能够帮助学生更好地理解这部经典作品。

主要功能
1.动态人物关系图**：以贾宝玉为核心，通过节点和连线展示《红楼梦》中主要人物之间的关系。
2.交互式探索**：用户可以通过鼠标悬停查看人物详细信息，点击人物节点可以将其居中显示，还可以拖拽节点以调整布局。
3.关系筛选**：提供多个按钮，可以筛选显示所有关系、仅家族关系、宝黛钗感情线，以及重置视图。
4.图例说明**：通过不同颜色区分人物所属群体，如贾宝玉直系亲属、贾府长辈、同辈兄弟姐妹等，便于用户快速识别。
5.响应式设计**：适配不同屏幕尺寸，确保在手机、平板等设备上也能良好显示。

适用场景
1.文学学习**：适用于《红楼梦》的读者，无论是初学者还是进阶研究者，帮助他们梳理和理解小说中复杂的人物关系。
2.课堂教学**：语文教师可以将其作为课堂教学工具，用于讲解《红楼梦》的人物关系，提高教学效果。
3.个人研究**：红楼梦研究者可以利用此工具快速查阅和分析人物关系，辅助学术研究。
4.文化推广**：在图书馆、博物馆等场所展示，向公众普及中国古典文学知识。

使用说明
1.打开演示图**：将HTML文件保存到本地，使用现代浏览器打开。
2.浏览关系图**：页面加载后，可以看到以贾宝玉为中心的人物关系网络。
3.探索人物信息**：
    - 将鼠标悬停在人物节点上，可以查看该人物的详细描述。
    - 点击贾宝玉节点，可以将其居中显示。
    - 拖拽节点可以调整布局，以获得更清晰的视图。
4.筛选关系**：
    - 点击“显示所有关系”按钮，展示完整的人物关系图。
    - 点击“仅显示家族关系”按钮，仅显示家族内部的关系。
    - 点击“宝黛钗感情线”按钮，聚焦于贾宝玉、林黛玉和薛宝钗之间的情感关系。
    - 点击“重置视图”按钮，恢复初始视图。
5.参考图例**：查看右侧图例，了解不同颜色代表的人物群体。