JS / CSS插件，用于复杂的原子类点行为

Question

我正在寻找一种在网站上显示多个圆圈的技术，它具有以下要求：

• 圆圈在点击时会扩展为矩形并显示文字标题
• 圆圈应该像振动原子一样移动，例如向上/向下
• 点击打开时，所有空心圆圈应与线条连接，形成网络
• 圆圈不应相互叠加，无论是打开还是关闭

我已经用它做了一些努力：圆圈振动效果来自css3动画，连接线通过javascript在底层的html 5画布上。 通过js中的位置检查进行叠加点的叠加检查。

但是我觉得可以有一个更好的解决方案，让点远离打开的点等等。

也许有人已经这样做了吗？

迎接

Answer 1

你看过D3js了吗？它是一个非常好的JS数据可视化库。我没有看到你使用D3制作的特定例子，但它应该是可能的：）