Dagre는 자바스크립트를 위한 그래프 레이아웃 라이브러리입니다. 주요 목적은 노드와 엣지로 구성된 방향성 그래프의 시각적 표현을 자동으로 최적화하여 레이아웃하는 것입니다. 이 라이브러리는 그래프 이론을 활용하여 복잡한 네트워크 구조를 명확하고 이해하기 쉬운 형태로 시각화 합니다.
📄 HTML
<script>var g = new dagre.graphlib.Graph();g.setGraph({});g.setDefaultEdgeLabel(function() { return {}; });g.setNode('A', { label: 'Node A' });g.setNode('B', { label: 'Node B' });g.setEdge('A', 'B');dagre.layout(g);console.log(g.node('A'));console.log(g.edge('A', 'B'));</script>
🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/dagre/0.7.4/dagre.min.js"></script>
⚙️ JavaScript
var g = new dagre.graphlib.Graph();g.setGraph({});g.setDefaultEdgeLabel(function() { return {}; });g.setNode('A', { label: 'Node A' });g.setNode('B', { label: 'Node B' });g.setEdge('A', 'B');dagre.layout(g);console.log(g.node('A'));console.log(g.edge('A', 'B'));
graphlib은 복잡한 네트워크 구조의 시각화 및 그래프 이론 알고리즘의 구현에 적합한 라이브러리입니다.
두 텍스트의 차이점을 한눈에 확인하세요.
파비콘을 쉽고 빠르게 생성하세요.
디자인을 위한 더미 텍스트를 생성하세요.
글자 수와 단어 수를 실시간으로 확인하세요.
자막 형식을 간편하게 변환합니다.
이미지 속 텍스트 자동 추출