Graphviz 편집기
DOT 코드를 작성하면 브라우저에서 Graphviz 다이어그램을 실시간 렌더링합니다. 7가지 레이아웃 엔진, 구문 오류 줄 표시, 확대/축소 미리보기, SVG 다운로드 및 PNG 내보내기 지원. WebAssembly로 완전 로컬 실행, 업로드 없음.
Graphviz와 DOT 언어란 무엇인가요?
Graphviz는 고전적인 오픈소스 그래프 시각화 툴킷입니다. DOT는 노드, 간선, 속성을 기술하는 텍스트 언어이며, Graphviz가 읽기 쉬운 레이아웃을 자동으로 계산합니다.
렌더링에 인터넷 연결이 필요한가요?
레이아웃 엔진을 처음 한 번 다운로드할 때만 필요합니다. 이후 렌더링은 WebAssembly로 브라우저에서 로컬 실행되므로 다이어그램과 코드는 기기를 떠나지 않습니다.
어떤 레이아웃 엔진을 지원하나요?
일곱 가지 모두입니다: dot(계층), neato와 fdp(힘 기반), circo(원형), twopi(방사형), osage(클러스터 트리), patchwork(트리맵). 레이아웃 드롭다운에서 전환하세요.
구문 오류의 의미는 어떻게 확인하나요?
DOT 코드에 문제가 있으면 오류 패널에 파싱이 실패한 줄 번호가 포함된 엔진 메시지가 표시되고, 마지막으로 성공한 렌더링은 그대로 유지됩니다.
결과를 내보낼 수 있나요?
네. 선명한 벡터 SVG 파일을 다운로드하거나 현재 테마에 맞는 배경의 2배 해상도 PNG를 내보낼 수 있습니다.
큰 그래프 미리보기도 확대되나요?
네. 미리보기에서 마우스 휠이나 확대/축소 버튼을 사용하고, 드래그로 이동하며, 맞춤 버튼으로 시점을 초기화합니다.
시작용 예제가 있나요?
예제 드롭다운에는 순서도, 상태 머신, 조직도, neato 네트워크, twopi 방사형 트리의 다섯 가지가 있으며 각각 편집 가능한 DOT 코드를 불러옵니다.
내 DOT 코드가 업로드되거나 저장되나요?
아니요. 서버로 전송되거나 저장되는 것은 없습니다. 편집기는 현재 페이지 세션에서 입력한 내용만 읽습니다.
어느 정도 크기의 그래프까지 처리하나요?
수백 개 노드 그래프는 거의 즉시 렌더링됩니다. 수천 노드의 초대형 그래프도 동작하지만 렌더링 시간이 비례해서 길어집니다.
명령줄 Graphviz와 결과가 같나요?
동일한 Graphviz 라이브러리(버전 16)를 내장하고 있어 같은 입력과 옵션이면 로컬에서 dot 명령을 실행한 것과 동등한 레이아웃과 SVG를 얻습니다.
Graphviz 편집기 사용 방법
이 편집기는 Graphviz 다이어그램을 브라우저에서 바로 렌더링합니다. 왼쪽에 DOT 코드를 작성하면 입력에 따라 오른쪽 SVG 미리보기가 갱신됩니다. WebAssembly로 컴파일한 실제 Graphviz 라이브러리가 구동하므로 그래프가 컴퓨터를 떠나지 않습니다.
- 소스 편집기에 DOT 코드를 입력하거나 붙여넣으세요. 입력을 멈춘 뒤 약 300ms에 미리보기가 자동으로 렌더링됩니다.
- 레이아웃 엔진(dot, neato, fdp, circo, twopi, osage, patchwork)을 바꿔 그래프 배치 방식을 변경하세요.
- 예제 드롭다운에서 스타터 템플릿을 불러오세요. 순서도, 상태 머신, 조직도, 네트워크, 방사형 트리를 고른 뒤 수정하면 됩니다.
- 마우스 휠이나 확대·축소 버튼으로 큰 그래프를 살펴보고, 드래그로 이동하며, 맞추기를 눌러 초기화하세요. 결과를 SVG로 내려받거나 2배 PNG로 내보낼 수 있습니다.
구문 오류가 나타나면 오류 패널이 DOT 파서가 멈춘 정확한 줄을 보여 줍니다. 그 줄만 고치면 코드를 잃지 않고 미리보기가 즉시 복구됩니다.
관련 도구
- Mermaid 에디터 텍스트로 플로차트, 시퀀스 다이어그램, 간트 차트 등을 만드는 Mermaid 라이브 에디터. 실시간 렌더링과 확대/축소, SVG·PNG 내보내기를 브라우저에서 그대로 제공합니다.
- 코드 놀이터 라이브 미리보기, 줄 번호 에디터, 캡처된 콘솔을 갖춘 온라인 HTML·CSS·JavaScript 놀이터. 코드를 즉시 테스트하고 결과를 단일 HTML 파일로 다운로드하세요. 완전히 브라우저에서 실행됩니다.
- 차트 메이커 붙여 넣은 CSV나 TSV 데이터로 막대, 선, 영역, 파이, 도넛 차트를 만드세요. 라이브 미리보기, 색상 팔레트, 제목과 범례 제어, 2배 PNG 내보내기까지 모두 브라우저에서 실행됩니다.
- 파일 해시 MD5, SHA-1, SHA-256, SHA-512 파일 해시 로컬 계산 및 검증
- Chmod 계산기 체크박스 포함 Linux 파일 권한을 시각화하고 계산하는 무료 온라인 chmod 계산기. 숫자(755, 644)와 기호 표기법(rwxr-xr-x)을 즉시 변환. setuid, setgid, sticky bit 같은 특수 권한 지원.
- ASCII 코드표 10진수, 16진수, 8진수, 2진수 코드, HTML 엔티티 및 문자 설명을 포함한 완전한 ASCII 문자 인코딩 참조. 즉시 검색 및 필터링.
- Hex 뷰어 검색, 오프셋 탐색 및 가상 스크롤링으로 파일 내용을 헥스 덤프 형식으로 보기
- MIME 유형 조회 파일 확장자로 MIME 유형을 즉시 찾거나 MIME 유형으로 확장자를 조회하세요. 1000개 이상의 항목을 담은 무료 온라인 참조 도구.