Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!

Научить меня вставлять шаблон на страницу (и менять)

закрыт без выполнения


Мне нужно понять, как вставить шаблон на языке 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/



Заказчик
Проект опубликован
26 февраля 2017
133 просмотра