Научить меня вставлять шаблон на страницу (и менять)
Мне нужно понять, как вставить шаблон на языке 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/
-
Ксюша, почему Вы решили что кто то станет тратить на Вас своё время.. ну просто интересно как Вам в голову пришла мысль, что найдутся люди, которые все бросят и побегут советовать Вам?))
-
Юрий, а что удивительного в том что бы заплатить другому человеку за то, что он научит? Кстати, на другом сайте нашелся фрилансер, который меня научил и которому я заплатила за время и усилия.
-
Актуальные фриланс-проекты в категории Javascript и Typescript
Оптимизация Core Web Vitals (OpenCart) под Google PageSpeed — Мобильная и ПК версииОписание заказа: Ищем опытного frontend-разработчика/специалиста по OpenCart для оптимизации скорости загрузки сайта (категории и карточки товаров) под требования Google Core Web Vitals. О проекте: * CMS: OpenCart. * Специфика: Сайт работает в режиме каталога (корзины и… CMS, Javascript и Typescript ∙ 2 дня 5 часов назад ∙ 18 ставок |
Оптимизация скорости сайта WordPress
5092 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 3 дня назад ∙ 66 ставок |
Ищем Odoo Developer — соло-разработчика с опытом разработки на Odoo 19 Community EditionЕсть рабочий, чисто спроектированный проект на Odoo 19 Community — CRM для украинского отеля, уже в production-grade инфраструктуре. Переписывать с нуля не планируем. Ищем одного человека, который подхватит проект, сохранит работоспособное и поведет его дальше: сначала CRM →… Javascript и Typescript, Веб-программирование ∙ 5 дней 2 часа назад ∙ 2 ставки |
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 6 дней 8 часов назад ∙ 87 ставок |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 7 дней 4 часа назад ∙ 30 ставок |