多态UI元素

Question

我正在使用Javascript和Electron.js构建以下应用程序。顶部有视频播放，底部显示相应的数据。播放视频时，标记会在图表中移动。

使用时按添加数据按钮，可以导入新数据。根据数据类型，将显示不同的UI图表。

应该使用哪种设计模式/架构来实现此功能？我知道这个问题很模糊，但我正处于设计和规划阶段，我们对任何建议表示赞赏。