需要沿折线图HTML或Javascript叠加图像

Question

所以我现在正在开展一个个人项目，我需要在一行上覆盖一系列不同的图像，用于我正在处理的报告应用程序。

我是网络开发的新手，或者说是一般的数据视觉显示，但这是一个奇怪的具体问题，我无法找到答案。

我有一系列调查点定义的一条线。沿着这条线，我需要绘制一个地质岩石类型的视觉表示。该视觉表示可以以不同于线段的间隔改变，这就是为什么我不能简单地将线条样式本身定义为所讨论的图像。

我不是在寻找具体的指示，我正在寻找一个开始调查的大方向。

我附上了我希望输出看起来像的图片。