Отобразить данные на графике. JavaScript библиотека amcharts

5 000 руб. за проект
15 ноября 2022, 13:10 • 9 откликов • 66 просмотров
Суть задачи: нужно сделать прототип, где данные из таблицы будут отображаться в виде пузырькового графика (Bubble Chart), используя библиотеку amcharts.
Каждый элемент располагается в таблице на свое строке. У элемента есть свойства:

Рейтинг (от 0 до 10, это положение элемента по оси Х)
Цена (от 0 до 5000, это положение элемента по оси Y)
Популярность (от 1 до 5 000 000, это размер пузырька)
Категория (цвет пузырька)
Формат (форма пузырька)

Рядом с каждым элементом на графике должно отображаться его название. При выборе элемента на графике отображается плашка, на которой перечислены свойства элемента и ещё дополнительное описание из текста и ссылки.
Нужно предусмотреть, как можно одному элементу задать несколько статусов категорий и форматов (то есть цвет и форма пузырька можете информировать не только об одном состоянии, а сразу о трёх, например).

Приоритет отображения и функционала отдаётся мобильным устройствам.

Решить вопрос, как данные из таблицы массово смогут отобразиться на графике. Например, 1000 строк с запонеными свойствами нужно отобразить на графике, не перенося каждую цифру вручную в код.

Демо ближайших похожих графиков на этой библиотеке:
https://www.amcharts.com/demos/zoomable-bubble-cha...
https://www.amcharts.com/demos/xy-chart-date-based...

Тестовая страница https://grandmasgoose.com/ru/vyvod-grafika/

Библиотека amcharts выбрана только потому, что тут самый удобный скрол и зум графика пальцами на мобильном устройстве.

Цена и сроки обсуждаемы.
Файлы