Реализовать графический вывод с помощью б-ки Alchemy.j

Веб-программированиеЗакрыт3 заявки193 просмотра
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Необходимо выводить граф с помощью библиотеки http://graphalchemist.github.io/Alchemy/#/docs

Пример формата  входных данных: 

{"nodes": [{"id": "32", "caption": "beta-D-Fructose 6-phosphate"}, {"id": "166", "caption": "D-Glucose"}, {"id": "167", "caption": "alpha-D-Glucose 6-phosphate"}], "edges": [{"source": "166", "target": "167", "caption": "2.7.1.199"}, {"source": "167", "target": "32", "caption": "5.3.1.9"}]} 

граф подлиннее  

{"nodes": [{"id": "32", "caption": "beta-D-Fructose 6-phosphate"}, {"id": "1", "caption": "Propan-2-ol"}, {"id": "66", "caption": "Phosphoenolpyruvate"}, {"id": "162", "caption": "Pyruvate"}, {"id": "164", "caption": "D-Glyceraldehyde 3-phosphate"}, {"id": "165", "caption": "3-Phospho-D-glyceroyl phosphate"}, {"id": "166", "caption": "D-Glucose"}, {"id": "167", "caption": "alpha-D-Glucose 6-phosphate"}, {"id": "136", "caption": "Acetyl-CoA"}, {"id": "137", "caption": "Acetoacetyl-CoA"}, {"id": "41", "caption": "Acetoacetate"}, {"id": "80", "caption": "beta-D-Fructose 1,6-bisphosphate"}, {"id": "146", "caption": "3-Phospho-D-glycerate"}, {"id": "20", "caption": "Acetone"}, {"id": "31", "caption": "2-Phospho-D-glycerate"}], "edges": [{"source": "66", "target": "162", "caption": "2.7.1.40"}, {"source": "162", "target": "136", "caption": "1.2.7.1"}, {"source": "164", "target": "165", "caption": "1.2.1.12"}, {"source": "166", "target": "167", "caption": "2.7.1.199"}, {"source": "20", "target": "1", "caption": "1.1.1.-"}, {"source": "80", "target": "164", "caption": "4.1.2.13"}, {"source": "32", "target": "80", "caption": "2.7.1.11"}, {"source": "137", "target": "41", "caption": "2.8.3.8"}, {"source": "41", "target": "20", "caption": "4.1.1.4"}, {"source": "165", "target": "146", "caption": "2.7.2.3"}, {"source": "31", "target": "66", "caption": "4.2.1.11"}, {"source": "146", "target": "31", "caption": "5.4.2.12"}, {"source": "136", "target": "137", "caption": "2.3.1.9"}, {"source": "167", "target": "32", "caption": "5.3.1.9"}]} 

Конечный вид пропишем в тз вместе с исполнителем, в зависимости от возможностей библиотеки, но вообще на выходе хочется получить подвижный граф, как на видео 

https://www.youtube.com/watch?v=u4HQ9KaRDqo

6 лет назад
Crazy1c
Сергей 
49 летРоссия
14 лет в сервисе
Был
8 месяцев назад
  • Похожие заказы

  • PHP cсоздание картинки gif

    $7

    Используя данную библиотеку https://github.com/Toolster-ru/gifius.ru либо подобную нужно наложить на скриншот сайта движение мышки и форму звонка, можно еще всплывающее сообщение "Спасибо за Ваш заказ" Например из этих картинок https://mini.s-shot.ru/1280x1024/192/png/?http://judo-kuban.ru http://tkdialog.com/Content/ServiceImages/11ad8404-1120-43c9-9a6f-dc4ccfe02666.gif http://krill.by/img/%D0%9B%D0%B5%D1%81%D1%82%D0%BD%D0%B8%D1%86%D0%B0-%D0%9B%D0%B0%D1%81%D1%82%D0%BE%D1%87%D0%BA%D0%B0-%D0%9A%D1%80%D0%B8%D0%BB%D0%BB-3D_VR.77/%D0%9B%D0%B5%D1%81%D1%82%D0%BD%D0%B8%D1%86%D0%B0-%D0%9B%D0%B0%D1%81%D1%82%D0%BE%D1%87%D0%BA%D0%B0-%D0%9A%D1%80%D0%B8%D0%BB%D0%BB-3D_VR.77/files/vr_cursor.gif получим что-то подобное: https://i.ytimg.com/an_webp/HRNwDOPdNeM/mqdefault_6s.webp?du=3000&sqp=CJCnq9UF&rs=AOn4CLBFihDafXRj2YPH7XvFPqHr2jkUBQ На входе скриншот, на выходе динамичный ...

    PHP
    Веб-программирование2 заявки
    Закрыт
    6 лет назад

  • API yuotube превьюшка для видео

    Получить по извесиному ID видео ее динамическую превьюшку. Например для  https://www.youtube.com/watch?v=K-Kuyh7bAEU получить  https://i.ytimg.com/an_webp/K-Kuyh7bAEU/mqdefault_6s.webp?du=3000&sqp=CMSirtUF&rs=AOn4CLBE1Uo0QdmIpxFyEyF-ggFXVcsBaQ  (прошу не путать со статической превьюшкой https://i.ytimg.com/vi/K-Kuyh7bAEU/hqdefault.jpg) Увидеть визуально можно перейддя на похожее https://www.youtube.com/watch?v=vqifvDWgl6g  и справа наведя мышку на наше http://joxi.ru/52a6OP0TGP7K5A , превьюшка заменмится на движущуюся.

    Веб-программирование1 исполнитель
    Завершен
    6 лет назад

  • Калькулятор стоимости дома

    Нужно сделать калькулятор стоимости дома. Пользователь вводит в форме площадь и получает смету строительства из 30-40 позиций. Калькулятор в принципе на сайте уже есть, требуется его основательная переделка или можно сделать заново. Работа срочная. Оперативно ...

    Калькулятор стоимости
    Веб-программирование1 исполнитель
    Завершен
    6 лет назад

  • Парсинг

    $30

    Парсим с сайта: A Копируем на сайт: Б (Opencart)  Парсится соответственно все 1 к 1 Парсится: категория и подкатегории товара, название товара, моедль ( артикул) описание, фотографии, цена, атрибуты!  Сумма и сроки

    OpenCartСайт на OpenCart
    Веб-программирование1 исполнитель
    Завершен
    6 лет назад

  • Написать модуль оплаты для Яндекс кассы

    Нужно написать модуль для работы с Яндекс Кассой с функциями реферальской программы. Модуль должен взаимодействовать с CRM и некоторые данные получать парсингом CRM. Все подробности во вложении.

    Веб-программирование2 заявки
    Закрыт
    6 лет назад

  • На основе ТЗ и дизайна (10 макетов) сделать сайт портал

    На основе ТЗ и дизайна (10 макетов) сделать сайт портал Требования для программистов: - только для исполнителей c ИП/ООО или Веб студий! - Только на Diafan CMS Если вы соответствуете требованиям, только тогда- отвечайте на эту заявку, в сообщении ...

    Веб-программирование3 заявки
    Закрыт
    6 лет назад