jquery / 각종 다이어그램 플러그인 / 차트 / 관계 플러그인

2016.01.05 14:04language/jquery

다이어그램, 차트, 관계 플러그인을 조사하고 정리한 내용이다.

 

 

 

1. 관계형 다이어그램

http://www.headjump.de/article/arrows-and-boxes

- 특이사항

1. 단순한 계층 구조를 표현할 수 있음 (움직임 X)

2. 아주 가벼운 플러그인

3. 예제 및 API 제공

4. 적용사례 레퍼런스가 거의 없음

 

 

2. 각종 다이어그램

http://jointjs.com/demos/umlsc

- 특이사항

1. 라이센스 : MLP / GNU General Public License (GPLv2) (출처 : 한국저작권위원회)

2. 예제 및 API 제공

3. 적용사례 레퍼런스가 거의 없음

- 종류 :

- Finite State Machines
- Organizational Charts
- ER Diagrams
- Discrete Event System Specification
- Chess
- Petri Nets
- Links
- UML Class Diagrams
- UML Statechart Diagrams
- Logic Circuits
- Transition & Custom Views
- Smart Routing
- Paper Attributes

 

 



 

3. 마인드맵 다이어그램

http://www.jqueryscript.net/chart-graph/Simple-jQuery-Mind-Map-Diagram-Plugin-mindmap.html

- 특이사항

1. 라이센스 : MIT

2. 가벼움

3. 자세한 예제

4. 적용사례 레퍼런스가 거의 없음

 

 

4. 흐름도, 플로우차트 ( 단순 )

http://www.jqueryscript.net/chart-graph/jQuery-Plugin-To-Generate-SVG-Based-Flowchart-Diagram.html

- 특이사항

1. 라이센스 : MIT

2. 가벼움

3. 자세한 예제

4. 적용사례 레퍼런스가 거의 없음

 

 

5. 각종 다이어그램

http://www.jsplumb.org/demo/flowchart/dom.html

- 종류 :

- Flowchart
- State Machine
- Drag and Drop
- Perimeter Anchors
- Hierarchical Chart
- Sources and Targets
- Dynamic Anchors
- Animation

 

 



 

6. 시퀀스 다이어그램 ( 단순 )

http://bramp.github.io/js-sequence-diagrams/#message

- 특이사항

1. 무료

 

 

. 기타 / 각종 차트

http://www.flotcharts.org/flot/examples/