react 散点图组件

项目有个需求，功能比较复杂，求一个可以解决问题的组件：

如图，图一的左侧是一些散点，按照发生的时间从左往右排列，数据量大的时候，后台数据会自动把数据聚合，当点击这些聚合点的时候，展开如图二所示。

不知道有没有人接触过 “类似的插件” 或者 怎么计算点不重叠的位置的方法。
谢谢