CSS: визуализация данных с помощью шевронов ⇐ CSS

[Anonymous]

Я работаю над визуализацией таблицы данных размером 30 x 30, где каждая ячейка представляет цену товара в реальном времени.

Важно, чтобы колебания цен своевременно выделялись, чтобы кто-нибудь может провести расследование.
Метод, о котором я думаю, — это поместить шеврон в каждую ячейку (
[img]https://i. stack.imgur.com/fAFlR.png[/img]
).

Повышение или понижение цен определяется по направлению шеврона.

Как долго цены были выше определенный порог обозначается количеством шевронов (например, 1 шеврон за каждые 30 минут, максимум 3 шеврона).

Цвет шевронов указывает процентное увеличение (я использую 4 цвета для обозначения цены). увеличивается и 4 цвета для уменьшения цены).
Каков наиболее разумный способ реализовать это?

Должен ли я создать значок для каждого возможного числа цветов Комбинация шевронов и направлений, или есть ли более разумный способ сделать это в CSS?

Я подозреваю, что ответом может стать CSS. Если да, то как это сделать?

Подробнее здесь: https://stackoverflow.com/questions/783 ... h-chevrons