Библиотека Javascript для визуализации списков (структура данных)

Question

Мне нужно создать веб-страницу, где пользователь может выбрать тип списка (связанный, дважды связанный, связанный круговой список и т. Д.) И посмотреть, как он выглядит. Пользователь может добавлять и удалять элементы из списка и видеть, как изменяется список. Какую библиотеку лучше использовать для визуализации списка? Было бы неплохо найти библиотеку, которая может взять список в качестве входного параметра и вернуть изображение или холст. Но если такая библиотека не существует, мне нужна библиотека, которая может рисовать прямоугольники с текстом внутри и связывать их друг с другом линиями.

Answer 1

D3.js более чем достаточно мощным, чтобы делать то, что вы хотите. Однако, если вы хотите, чтобы в списке были прямоугольники, вы можете использовать для этого таблицу или div.

Редактировать: Чтобы выяснить, как это сделать, я бы рекомендовал пропустить учебник по D3. Here are links нескольким. Существует немного кривой обучения, но как только вы перейдетесь к кривой обучения, это очень приятно. Что касается примеров, то, что вы хотите, аналогично this или this, за исключением того, что ваш макет намного проще.

Это question также может быть полезным