다이어그램, 차트, 관계 플러그인을 조사하고 정리한 내용이다.
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. 무료
. 기타 / 각종 차트
