Круговые диаграммы

Как отмечалось выше, преимущество диаграммы Donut Chart заключается в том, что в центре имеется область, которую можно использовать для отображения данных. Благодаря гибкости D3.js в этой области могут отображаться измененные данные или текстовые метки. Например, в данном случае процентные значения отображаются в виде меток на участках диаграммы, а в центре отображаются абсолютные значения.

D3.js также позволяет нам творчески использовать цвет в круговой диаграмме. В этой круговой диаграмме используется палитра случайных цветов. Однако цвета также могут быть оттенками, пропорциональными базовым значениям, как в случае с этой диаграммой Sunburst.

Другим вариантом использования цвета в круговой диаграмме является группировка наборов точек данных, которые каким-либо образом связаны между собой. Например, более подробная круговая диаграмма может показывать различные типы операций, сгруппированные каким-либо значимым образом, при этом участки круга, представляющие операции одной группы, будут иметь одинаковый цвет. Это более характерно для диаграмм Sunburst, которые обычно используются для отображения гораздо больших наборов данных.

Круговые и пончиковые диаграммы легко создать с помощью D3.js, поэтому они относительно недороги. Дополнительные модули, такие как всплывающие подсказки, пользовательская анимация и т. д., немного увеличивают стоимость, но значительно повышают удобство использования. Страница Цены даст вам общее представление. Тем не менее, свяжитесь с нами для бесплатного обсуждения с разработчиком, чтобы понять, что для вас лучше.