Древовидная диаграмма (дерево) онлайн

Дерево раскладывает иерархию по уровням: корень сверху, от него расходятся ветви к дочерним узлам. Берут её, когда у данных есть чёткое «начало» и подчинённость — оргструктура, разделы каталога, категории и подкатегории. Аккуратная раскладка (tidy tree) разводит узлы так, чтобы ветви не налезали друг на друга.

Создание бесплатно · 10 токенов на ИИ при регистрации · без подписки
Дерево

Когда подходит

  • Показать оргструктуру: гендиректор → директора по направлениям → отделы → сотрудники.
  • Разложить каталог товаров: «Электроника» → «Смартфоны», «Ноутбуки» → конкретные модели.
  • Изобразить структуру сайта или меню: главные разделы и вложенные страницы.
  • Показать классификацию: например, виды услуг компании с разбивкой на подвиды.
Какие нужны данные
Нужна иерархия «родитель — потомок»: колонка с узлом и колонка с его родителем (у корня родителя нет). Так задаётся, кто кому подчинён и на каком уровне стоит.
Пример
Оргструктура отдела продаж: во главе руководитель, под ним три старших менеджера, у каждого по два-три менеджера. Дерево сразу показывает, кто кому подчиняется и насколько «широкая» команда под каждым руководителем.

Как построить

Добавьте данные
Вставьте CSV, скопируйте из Excel или наберите значения вручную. Диаграмма тянет до 20 000 строк.
Выберите оформление
Настройте цвета, шрифты, легенду и подписи осей. Числа и даты подписываются по-русски без ручной правки.
Скачайте или вставьте в макет
Выгрузите в SVG или PNG либо поставьте диаграмму прямо на холст — рядом с текстом, таблицей и другими графиками.

Частые вопросы

Чем дерево отличается от кластерной диаграммы?

У обычного дерева узлы стоят на разной высоте по своему уровню, а у кластерной все «листья» (узлы без потомков) выровнены по одной линии внизу. Дерево нагляднее показывает глубину ветвей, кластерная — удобнее, когда важно сравнить сами конечные элементы.

А чем оно отличается от диаграммы с отступами?

Отступами (indented tree) иерархию рисуют как список со сдвигом вправо — компактно и похоже на оглавление. Дерево же разводит ветви вширь: лучше видно форму структуры, но занимает больше места по горизонтали.

Сколько уровней вложенности выдержит?

Жёсткого предела нет, данные тянутся до 20 000 строк. Но глубокое и широкое дерево лучше строить горизонтальным или разбивать на части — иначе подписи узлов начнут наезжать друг на друга.

Это бесплатно?

Строить и оформлять диаграммы можно бесплатно. Платите один раз, когда скачиваете готовый файл. Автозаполнение и подбор через ИИ тратят токены — 10 штук дают при регистрации, и они не сгорают.

В каких форматах скачивается диаграмма?

SVG для печати и дальнейшего редактирования или PNG для сайта и соцсетей. Ещё диаграмму можно вставить на холст и выгрузить вместе со всем макетом в PDF или PPTX.

Сколько данных выдержит?

До 20 000 строк и 200 колонок. Данные загружаются из CSV, TSV, JSON или вставляются из буфера обмена.

Можно ли поменять цвета и шрифты?

Да. Цвета задаются вручную или из 9 палитр, шрифт и размер настраиваются, легенду и подписи осей можно включить или убрать. Диаграмма перекрашивается и под фирменный стиль.

Постройте свою за пару минут

Вставьте данные — оформление подберётся само. Скачать можно после регистрации, вход по коду на почту без пароля.