25~26단계) 계산 그래프 시각화 , DOT

이전 포스팅에서 Goldstein-Price라는 함수를 코딩했다. 이와 같은 복잡한 식을 계산할 때, 그 뒤편에서 어떤 계산 그래프가 그려지는 지를 직접 눈으로 확인하기 위해 Graphviz라는 외부 자원을 이용하여 계산 그래프를 시각화할 것이다.

 

 

계산 그래프 시각화 (1)

 

1. DOT 언어로 그래프 작성하기

digraph g{
x
y
}

 

반드시 digraph g { ... } 구조여야 하고, 그래프의 정보가 ... 안에 넣는다. 예시로 x와 y를 넣었는데, 2개의 노드를 그린다는 의미이다. 각 노드는 줄바꿈으로 구분한다. 입력 후, smaple.dot 파일로 저장하고 아래 명령을 실행하면 된다.

 

dot sample.dot -T png -o sample.png

 

---

 

2. 노드에 속성 지정하기

digraph g{
1 [label='x', color=orange, style=filled]
2 [label='y', color=orange, style=filled]
}

digraph g{
1 [label='x', color=orange, style=filled]
2 [label='y', color=orange, style=filled]
3 [label='Exp', color=lightblue, style=filled, shape=box]
}

color는 노드의 색상이고, style=filled는 노드를 color로 채운다는 의미이다. shap=box를 설정하여 노드 모양을 바꿀 수도 있다.

---

 

2. 노드 연결하기

digraph g{
1 [label='x', color=orange, style=filled]
2 [label='y', color=orange, style=filled]
3 [label='Exp', color=lightblue, style=filled, shape=box]
1 -> 3
3 -> 2
}

 

화살표를 통해 간단하게 노드를 연결시킬 수 있다.