Программирование графика согласно дизайн-макета

Нужно создать график согласно приложенному дизайн-макету.

Треугольник показывает в каких пределах сделаны ставки. Ставки одного конкретного игрока, т.е. это он видит в своем кабинете. Треугольник отрисовывается когда 2, 3 или 4 ставки, 4 точки = 4 ставки. Всего их максимум 4 ставки/точки.

Поэтому при обновлении страницы вместе со ставкой можно по заданной координате его делать.

График нужно сделать адаптивным, чтобы на мобильных устройствах также корректно отображался.

Данные для графика отдаются в следующем виде:

{

"0":{"time":13:00,"price":"4200.00"},

"1":{"time":"13:00","price":"4300.00"}

};