Отобразить данные на графике. JavaScript библиотека 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 выбрана только потому, что тут самый удобный скрол и зум графика пальцами на мобильном устройстве.
Цена и сроки обсуждаемы.