Реализация дерева на HTML

[mimm]

Пожалуйста помогите.Суть проблемы: есть 2 формы, в которые можно ввести только числовые значения, в первую форму вводиться целое число и на странице рисуются квадраты связанные между собой линией, число квадратов зависит от введённого числа в форму, во вторую форму вводиться целое число и из первого квадрата расходятся шары соединённые с квадратом линией, число шаров зависит от введённого числа в поле. Можно ли всё это реализовать на чистом html и css без javascript, если можно то не могли бы вы скинуть примеры реализации или статьи где можно об этом почитать, если не обойтись без javascript, то скинте примеры с ним.

[snippet]

По мне так это очень сложная задача, надо знать много тонкостей реализации. Это никак не сделать одним html и css, хотя бы потому что нужно отлавливать и работать с переменными форм.

Нужно ли переносить квадраты и кружки на след. строку? Ограниченное ли количество кругов и квадратов?

Самый простой вариант реализации это создать картинки шаров по их количеству, и 2-а квадрата, один без палочки влево, остальные с палками.

Отлавливать переменные и подставлять картинки.

Сложный вариант это либо написать либо взять движок для рисования в js и рисовать.

[mimm]

А существуют ли в природе уже готовые варианты подобных вещей с javascript? если есть, то дайте пожалуйста ссылки на примеры или где об этом можно почитать.

[snippet]

Я не могу вам подсказать потому что не знаю цели, может вы неверно выбираете задачу.

С реализацией данной задачи я не встречался.