Перейти к содержимому

Солнечный взрыв

Визуализация Диаграммы солнечных лучей — это динамичное и привлекательное представление иерархических данных. Он использует радиальную компоновку для передачи иерархии элементов и их отношений внутри набора данных.

Для представления картографических данных вы можете использовать следующий интерфейс HierarchyData:

type HierarchyNode = with_optional_properties & {
name: string;
value: number;
category: string;
children?: HierarchyNode[];
}
type HierarchyData = {
nodes: HierarchyNode[];
}
  • name: Имя узла.
  • значение. Число, которое представляет собой метрику, определяющую размер узла.
  • категория: Описывает категорию или тип, к которому принадлежит узел.
  • дети: Это свойство является необязательным и представляет собой массив объектов HierarchyNode. Это означает, что узел может иметь дочерние узлы, создавая иерархическую структуру. Каждый дочерний узел имеет одну и ту же структуру HierarchyNode, что позволяет представлять древовидную иерархию.
  • Иерархическое понимание. Солнечные лучи превосходно отображают иерархические структуры данных, обеспечивая визуальную иерархию, которая помогает понять взаимосвязи между различными уровнями.

  • Радиальная компоновка. Радиальная компоновка обеспечивает визуально привлекательное и организованное представление иерархических структур.

  • Потенциальный беспорядок. В случае большого количества сегментов диаграмма может стать загроможденной, что ухудшит ее читаемость.

  • Ограничено иерархическими данными. Древовидные карты наиболее эффективны при визуализации иерархических данных; для неиерархических наборов данных альтернативные визуализации могут оказаться более подходящими.

Sun Burst Example