Как сделать на сайте блок схему в виде дерева жизни?

Question

[Rust-48]

Знающие люди! Подскажите плиз, как можно реализовать схему "дерево жизни" на сайте. Не применяя картинки. Схема как на картинке. Адаптация не нужна.

Answer 1

[Никита Юдин]

Это возможно сделать на чистом CSS/HTML:
https://codepen.io/Pestov/pen/BLpgm

Также, вас возможно заинтересует решение от Гугл:
https://developers.google.com/chart/interactive/do...

Answer 2

[Adamos]

Один день чтения документации по SVG, например.
Нет, SVG - это вовсе не обязательно "картинки".
Есть простой путь - нарисовать пару узлов в Inkscape, сохранить и посмотреть в текстовом редакторе, что получилось, поглядывая в документацию по SVG.

Comments

[Rust-48]

можете пояснить? это в виде изображения? насколько я знаю СВГ это вектроное изображение. у меня эта схема каждый раз будет меняться, добавляться и удалятся блоки.

[Adamos]

Rust-48, познакомьтесь с форматом, хотя бы бегло - он текстовый и элементарно генерится из нужных данных.