Я работаю над проектом диаграммы дисперсии ударов в гольфе в React.js и ищу руководство по созданию диаграммы, в которой ось Y имеет полукруглую форму, похожую на форму поля для гольфа. диапазон. Чтобы обеспечить визуальное представление, вот изображение того, чего я пытаюсь достичь:

Я уже реализовал базовую диаграмму рассеяния, используя такую библиотеку, как Chart.js, но не знаю, как настроить ось Y, чтобы сделать ее полукруглой и соответствовать форме поля для гольфа. Я считаю, что эта уникальная форма оси Y обеспечит более точное представление о разбросе выстрелов.
Может ли кто-нибудь предоставить информацию, фрагменты кода или рекомендации о том, как добиться этого эффекта полукруглой оси Y в React.js, возможно, используя Chart.js или любые другие библиотеки, которые могут помочь в этом?
Будем очень признательны за любую помощь или предложения! Заранее спасибо.