Перейти до вмісту

Сонце вибух

Візуалізація Sun Burst Chart є динамічним і привабливим представленням ієрархічних даних. Він використовує радіальний макет для передачі ієрархії елементів та їхніх зв’язків у наборі даних.

Структура даних сонячного вибуху

Section titled “Структура даних сонячного вибуху”

Щоб представити дані карти, ви можете використовувати такий інтерфейс HierarchyData:

type HierarchyNode = with_optional_properties & {
name: string;
value: number;
category: string;
children?: HierarchyNode[];
}
type HierarchyData = {
nodes: HierarchyNode[];
}
  • ім’я: ім’я вузла.
  • value: число, яке представляє метрику для визначення розміру цього вузла.
  • category: Описує категорію або тип, до якого належить вузол.
  • children: Ця властивість є необов’язковою та представляє масив об’єктів HierarchyNode. Це означає, що вузол може мати дочірні вузли, створюючи ієрархічну структуру. Кожен дочірній вузол має однакову структуру HierarchyNode, що дозволяє представляти деревоподібну ієрархію.
  • Ієрархічне розуміння: Sunbursts чудово відображають ієрархічні структури даних, надаючи візуальну ієрархію, яка допомагає зрозуміти зв’язки між різними рівнями.

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

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

  • **Обмежено ієрархічними даними: ** Деревоподібні карти найбільш ефективні під час візуалізації ієрархічних даних; для неієрархічних наборів даних альтернативні візуалізації можуть бути більш придатними.

Приклад сонячного спалаху

Section titled “Приклад сонячного спалаху”

Sun Burst Example