我可以使用什么JavaScript/CSS解决方案来创建交互式徽标网站？

我对基本的香草JavaScript有一些经验。我想创建一个网站，将有助于研究卡巴利生命之树。生命之树是这样的：

这个想法是为了使会徽位于起始页的中心。球体和路径是可点击的。悬停时，它们将显示球体/路径的名称，最好具有动画。单击后，它们会将用户带到另一个专用于球体或路径主题的页面

我主要关心的是，我不知道如何设计带有会徽的页面，并使其与动画交互。我曾考虑将HTML划分成一个表，并将每个球体分别放在相应的单元格中，但这似乎是一个乏味的过程，路径将无法以这种方式工作

我可以用什么工具来做这件事？也许是JS库？我一点也不先进（想把这当作练习），所以最简单的解决方案将是最受欢迎的

---

谢谢我会使用D3.JS或GrimeSck.js，使用HealScOK的选择取决于你的动画能力有多强吗？我也会考虑我是否应该把生命树画成SVG，因为它看起来很简单。我认为这非常适合SVG图形，可以使用javascript创建动画和交互性，也可以使用SVG创建树。可以为要设置动画的SVG的每个部分提供一个类，您可以使用该类创建CSS动画。这里有一个SVG链接的例子，点击这里我会考虑使用画布并编写自己的图形。不过，您也可以通过CSS/JS实现这一点。