我一直在修补 JavaScript (React JS)、Python、HTML 和 CSS。在这样做的过程中，我偶然发现了一些动画——其中大部分是标准的 css 动画（例如transition: width 2s;）。但是我越来越想知道如何制作更复杂的自定义交互式动画，我根本无法找出正确的技术来学习达到预期的结果（是的，在问这个非常广泛的一般性问题之前我使用了搜索功能）。HTML5 画布似乎是一种灵活且多功能的工具，但我不知道它们是否适合我的想法。
让我给你一个我想做的例子：
- 流程可视化：公司的资源被动画化为移动的物体，沿着一条不固定的路径移动，而是由公司供应链的结构产生的。
- 拖放功能：可以通过拖放将供应商等元素添加到供应链中
- 复杂的自定义图表（我知道存在强大的库来实现这一点，例如 AnyChart）：图表源自显示生命数据的过程数据。我可以在图表中单击以添加新数据点。
我不是在寻找另一个 JS 库，而是在寻找自己构建这些动画的技术。我也在寻找一个开始学习这些技术的好点。所以真正的问题是：我需要学习什么才能创建这些交互式动画，HTML5 画布是正确的工具吗？有哪些类型的交互式动画技术以及何时使用它们？
谢谢你。