Создать графику для точек доступа для веб-сайта?

Question

У меня есть набор файлов разметки (эксперименты в виртуальной лабораторной записной книжке), которые будут использоваться для создания статических веб-страниц, и я также хотел бы создать индекс, который будет соответствовать им, который показывает их отношения как DAG (направленный ациклический граф).

До сих пор, каждый файл уценки начинается с метаданными, как это (для exp3.md):

Follows: exp1.md exp2.md 

я бегу сценарий, чтобы сделать DOT language график всех экспериментов:

#!/bin/bash 

arrows=$(
    for r in *.md; do 
    for l in $(cat "$r" | grep Follows: | cut -d':' -f2); do 
     echo " $l -> $r;" 
    done 
    done 
) 

echo "digraph notebook {" 
echo "$arrows" | sort | uniq 
echo "}" 

Он приходит out

digraph notebook { 
    exp1.md -> exp3.md; 
    exp2.md -> exp3.md; 
} 

Но я не смог найти программное обеспечение для превращения этого в интерактивную карту. Решения могут быть столь же хакерскими, насколько это необходимо! Я просто буду использовать это лично и разместить сайт во внутренней сети лаборатории.

Answer 1

Оказывается, это неплохо. Просто добавьте атрибуты к графе DOT:

digraph notebook { 
    exp1 [label="experiment 1",URL="http://example.com/1"] 
    exp2 [label="experiment 2",URL="http://example.com/2"] 
    exp3 [label="experiment 3",URL="http://example.com/3"] 
    exp1 -> exp3; 
    exp2 -> exp3; 
} 

И создать код карты изображения + изображение:

dot -Tcmapx graph.dot > graph.html 
dot -Tpng graph.dot > graph.png