Вы можете рисовать кривую безье с начальной и конечной точками совпадающими точками указанами на линейке, а вспомогательными точками над ними.
Взгляните на эту демку (
https://codepen.io/explosion/pen/YGApwd ) и попробуйте параллельно перенести "правые" точки. Если это вам подходит - не так сложно адаптировать код под ваши нужды. Возможно имеет смысл "поиграть" с высотой вспомогательных точек в зависимости от расстояния на шкале
Вот здесь набросал примерно:
https://codepen.io/Int0h/pen/xpEOoR