Мне нужно понять, как вставить шаблон на языке d3 javascript на страницу своего сайта.
Пример шаблона: https://github.com/marmelab/ArchitectureTree
Здесь показано как это работает https://marmelab.com/ArchitectureTree/
1. Сначала просто покажите как его вставить в мой сайт. То есть пришлите html код, который при вставке на сайт покажет такой же результат, как в примере.
2. Покажите, как этот шаблон можно поменять (где и что именно вставить в код), интересуют такие изменения:
- сделать раскрывающиеся ветки как тутhttp://mbostock.github.io/d3/talk/20111018/tree.html (с такими же цветами при раскрытии и закрытии)
- поменять этот же первоначальный шаблон, но ровным кругомhttps://bl.ocks.org/mbostock/4739610f6d96aaad2fb1e78a..
- слева поле тегов сделать спойлерным списком, что бы больше могло поместиться
- покажите, как сделать добавление новых тегов не в коде, а в самом окне (если невозможно, то ок, просто покажите где и как это сделать в коде)
3. Научите вставлять другие подобные шаблоны из этого спискаhttps://github.com/d3/d3/wiki/Gallery, а конкретно интересуют шаблоны:
- горизонтальное деревоhttps://bl.ocks.org/mbostock/e9ba78a2c1070980d1b53080.., можно ли сюда применить фишки из предыдущего шаблона, это - окно тегов, окно ввода, способность разворачиваться сворачиваться
- спойлерный список https://bl.ocks.org/mbostock/1093025
- раскрывающаяся круглая схема, но только с текстом внутриhttps://bl.ocks.org/kerryrodden/477c1bfb081b783f80ad
- пузырьковая схема http://bl.ocks.org/nilanjenator/4950148, пример тутhttp://mbostock.github.io/d3/talk/20111116/pack-hiera..
- многослойная структура https://github.com/nylen/d3-process-map
- плавающая структура http://www.redotheweb.com/CodeFlower/
