graphlib

utility visualization

graphlib은 방향성 그래프 및 무방향성 다중 그래프를 처리할 수 있는 자바스크립트 라이브러리입니다. 이 라이브러리는 복잡한 네트워크 구조를 시각화하고, 그래프 이론을 활용한 다양한 알고리즘을 구현하는 데 유용합니다.

Latest Ver 3.0.1
Homepage
Github
0
1,648
노드와 엣지로 그려내는, 데이터의 심포니
graphlib으로 복잡한 데이터 구조를 간결하고 명확하게 표현하세요.
graphlib은 복잡한 네트워크 구조의 시각화 및 그래프 이론 알고리즘의 구현에 적합한 라이브러리입니다.
License: MIT
https://cdnjs.cloudflare.com/ajax/libs/graphlib/3.0.1/graphlib.core.js
https://cdnjs.cloudflare.com/ajax/libs/graphlib/3.0.1/graphlib.core.min.js
https://cdnjs.cloudflare.com/ajax/libs/graphlib/3.0.1/graphlib.js
https://cdnjs.cloudflare.com/ajax/libs/graphlib/3.0.1/graphlib.min.js

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.
📄 HTML
<script>const Graph = graphlib.Graph; const g = new Graph(); g.setNode('A', {label: 'Node A'}); g.setNode('B', {label: 'Node B'}); g.setEdge('A', 'B', {type: 'Directed'}); console.log(g.nodes()); console.log(g.edges());</script>

⚙️ JavaScript
const Graph = graphlib.Graph; const g = new Graph(); g.setNode('A', {label: 'Node A'}); g.setNode('B', {label: 'Node B'}); g.setEdge('A', 'B', {type: 'Directed'}); console.log(g.nodes()); console.log(g.edges());
⚡ Top Tools for Developers
Text Compare

텍스트 비교

두 텍스트의 차이점을 한눈에 확인하세요.

Favicon Generator

Favicon 생성기

파비콘을 쉽고 빠르게 생성하세요.

Lorem Ipsum Generator

Lorem Ipsum 생성기

디자인을 위한 더미 텍스트를 생성하세요.

Character Counter

글자수 세기

글자 수와 단어 수를 실시간으로 확인하세요.

SRT ↔ SMI

SRT ↔ SMI 변환기

자막 형식을 간편하게 변환합니다.

Text Extract(OCR)

이미지 텍스트 추출

이미지 속 텍스트 자동 추출