Необходимо выводить граф с помощью библиотеки
graphalchemist.github.io/... Пример формата входных данных:
{"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"}]}
Конечный вид пропишем в тз вместе с исполнителем, в зависимости от возможностей библиотеки, но вообще на выходе хочется получить подвижный граф, как на видео
www.youtube.com/watch?v=u...