웹 사이트에서 클릭 할 수있는 점 그래프를 생성 하시겠습니까?

Question

정적 웹 페이지를 생성하는 데 사용되는 일련의 markdown 파일 (가상 랩 노트북에서의 실험)이 있으며 DAG (관계형 라이브러리)와의 관계를 보여주는 색인을 생성하고 싶습니다. 비순환 그래프). 그것은 온다

#!/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 "}" 

: 모든 실험 DOT language 그래프를 만들기 위해

Follows: exp1.md exp2.md 

내가 스크립트를 실행

는

지금까지, 각 인하 파일 (exp3.md에 대한)이 같은 메타 데이터 시작 out like

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

그러나 나는 아무 것도 찾을 수 없었습니다. 클릭 가능한 이미지 맵으로 변환하는 소프트웨어. 솔루션은 필요한만큼 해킹 될 수 있습니다! 나는 이것을 개인적으로 사용하고 내부 실험실 네트워크에서 사이트를 호스팅 할 것입니다.

Answer 1

나쁘지 않습니다.

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 그래프에 속성을 추가

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

을