jgraphx mahmoud zoabi khaled isa. jgraphx jgraphx ist eine java –bibliothek graphvisualieserung 2
TRANSCRIPT
![Page 1: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/1.jpg)
JgraphXMahmoud Zoabi
Khaled Isa
![Page 2: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/2.jpg)
2
JgraphX
• JGraphX ist eine Java –Bibliothek Graphvisualieserung
![Page 3: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/3.jpg)
3
JgraphX
• JGraphX ist eine Java –Bibliothek Graphvisualieserung• open source Tool.
![Page 4: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/4.jpg)
4
JgraphX
• JGraphX ist eine Java –Bibliothek Graphvisualieserung• open source Tool.• code basiertes Framework(java).
![Page 5: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/5.jpg)
5
JgraphX
• JGraphX ist eine Java –Bibliothek Graphvisualieserung• open source Tool.• code basiertes Framework(java).• Platformunabhängig
![Page 6: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/6.jpg)
6
JgraphX
• JGraphX ist eine Java –Bibliothek Graphvisualieserung• open source Tool.• code basiertes Framework(java).• Platformunabhängig• Projekt von Gaudenz Alder von der Universität ETH Zürich
2000 entwickelt.
![Page 7: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/7.jpg)
7
JgraphX
• JGraphX ist eine Java –Bibliothek Graphvisualieserung• open source Tool.• code basiertes Framework(java).• Platformunabhängig.• Projekt von Gaudenz Alder von der Universität ETH Zürich
2000 entwickelt.• Features: Zoom,Visibility (Hide)
![Page 8: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/8.jpg)
8
was bietet JGraphX
• Funktionen zur Visualieserung und Interaktion mit Knoten-Kanten-Graphen.
![Page 9: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/9.jpg)
9
was bietet JGraphX
• Funktionen zur Visualieserung und Interaktion mit Knoten-Kanten-Graphen.
• JGraphX beinhaltet Funktion zu layouting (die Knoten und Kanten werden automatisch positioniert) .
![Page 10: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/10.jpg)
10
was bietet JGraphX
• Funktionen zur Visualieserung und Interaktion mit Knoten-Kanten-Graphen.
• JGraphX beinhaltet Funktion zu layouting (die Knoten und Kanten werden automatisch positioniert) .
wichtig: die Name der Packet ist nicht JGraphX sondern “mxGraph”.
![Page 11: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/11.jpg)
11
was ist Graph?
• Graph Visualisierung basiert auf mathematischen Theorie der Netzwerke.
![Page 12: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/12.jpg)
12
was ist Graph?
• Graph Visualisierung basiert auf mathematischen Theorie der Netzwerke.
• Graph besteht aus Knoten und Kanten.
![Page 13: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/13.jpg)
13
was ist Graph?
• Graph Visualisierung basiert auf mathematischen Theorie der Netzwerke.
• Graph besteht aus Knoten und Kanten.• wie ein Graph visuell erstellt wird, wurde nicht in der
GraphTheorie defeniert.
![Page 14: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/14.jpg)
14
was ist Graph?
• Graph Visualisierung basiert auf mathematischen Theorie der Netzwerke.
• Graph besteht aus Knoten und Kanten.• wie ein Graph visuell erstellt wird, wurde nicht in der
GraphTheorie defeniert.
![Page 15: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/15.jpg)
insertVertex && insertEdge
Die Bibliothek bietet zwei wichtige Funktionen:
![Page 16: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/16.jpg)
insertVertex && insertEdge
Die Bibliothek bietet zwei wichtige Funktionen:
insertVertex:
![Page 17: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/17.jpg)
insertVertex && insertEdge
Die Bibliothek bietet zwei wichtige Funktionen:
insertVertex: Erstellet und fügt einen neuen Knote mit dem Wert „value“ im Graph
![Page 18: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/18.jpg)
insertVertex && insertEdge
Die Bibliothek bietet zwei wichtige Funktionen:
insertVertex: Erstellet und fügt einen neuen Knote mit dem Wert „value“ im Graph
Schreibweise:insertVertex(parent, id, value, x, y, width, height)
![Page 19: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/19.jpg)
insertVertex && insertEdge
Die Bibliothek bietet zwei wichtige Funktionen:
insertEdge: erstellt und fügt eine neue Kante zwischen zwei Knoten im Graph
![Page 20: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/20.jpg)
insertVertex && insertEdge
Die Bibliothek bietet zwei wichtige Funktionen:
insertEdge: erstellt und fügt eine neue Kante zwischen zwei Knoten im Graph
Schreibweise:mxGraph.insertEdge(parent, id, value, source, target)
![Page 21: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/21.jpg)
Beispiel:
• Zuerst wird ein Objekt für mxGraph erstellt: mxGraph graph = new mxGraph();
![Page 22: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/22.jpg)
Beispiel:
• Zuerst wird ein Objekt für mxGraph erstellt: mxGraph graph = new mxGraph();
• Knoten werden durch insertVertex erstellt: Object a = graph.insertVertex(null, null, "a", 0, 0, 80,30); Object b = graph.insertVertex(null, null, "b", 0, 0, 80, 30);
![Page 23: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/23.jpg)
Beispiel:
• Zuerst wird ein Objekt für mxGraph erstellt: mxGraph graph = new mxGraph();
• Knoten werden durch insertVertex erstellt: Object a = graph.insertVertex(null, null, "a", 0, 0, 80,30); Object b = graph.insertVertex(null, null, "b", 0, 0, 80, 30);
• insertEdge erstellt eine Kante zwischen den Knoten a und b:
graph.insertEdge(null, null, "", a, b);
![Page 24: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/24.jpg)
Farben von Knoten
• mxGraph bietet die Möglichkeiten die Farben von Knoten zu ändern
![Page 25: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/25.jpg)
Farben von Knoten
• mxGraph bietet die Möglichkeiten die Farben von Knoten zu ändern
• Wir fügen einen neuen Parameter in der Funktion insertVertex "fillColor=red »
![Page 26: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/26.jpg)
Farben von Knoten
• mxGraph bietet die Möglichkeiten die Farben von Knoten zu ändern
• Wir fügen einen neuen Parameter in der Funktion insertVertex "fillColor=red"
Beispiel: Object h = graph.insertVertex(null, null, "h", 0, 0, 80, 30, "fillColor=red");
![Page 27: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/27.jpg)
Allgemeines Beispiel:public class Example extends JFrame {
private static final long serialVersionUID = 1L;mxGraph graph;
public Example() { graph = new mxGraph(); Object a = graph.insertVertex(null, null, "a", 0, 0, 80, 30,"fillColor=white"); Object b = graph.insertVertex(null, null, "b", 0, 0, 80, 30); Object c = graph.insertVertex(null, null, "c", 0, 0, 80, 30); Object d = graph.insertVertex(null, null, "d", 0, 0, 80, 30,"fillColor=white"); Object e = graph.insertVertex(null, null, "e", 0, 0, 80, 30); Object f = graph.insertVertex(null, null, "f", 0, 0, 80, 30,"fillColor=white"); Object g = graph.insertVertex(null, null, "g", 0, 0, 80, 30); Object h = graph.insertVertex(null, null, "h", 0, 0, 80, 30, "fillColor=white"); graph.insertEdge(null, null, "", a, b); graph.insertEdge(null, null, "", a, c); graph.insertEdge(null, null, "", b, d); graph.insertEdge(null, null, "", b, e); graph.insertEdge(null, null, "", c, f); graph.insertEdge(null, null, "", c, g); graph.insertEdge(null, null, "", e, h);
![Page 28: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/28.jpg)
mxGraphComponent graphComponent = new mxGraphComponent(graph); getContentPane().add(graphComponent); // layout graph mxIGraphLayout layout = new mxHierarchicalLayout(graph); layout.execute(graph.getDefaultParent()); } public static void main(String[] args) { Example frame = new Example(); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setSize(450, 350); frame.setVisible(true); } }
![Page 29: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/29.jpg)
Das folgende Frame wird asugegeben:
![Page 30: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/30.jpg)
Quellen
• http://jgraph.github.io/mxgraph/docs/manual_javavis.html
• http://www.jgraph.com/jgraph.html• https://github.com/jgraph/jgraphx
![Page 31: JgraphX Mahmoud Zoabi Khaled Isa. JgraphX JGraphX ist eine Java –Bibliothek Graphvisualieserung 2](https://reader035.vdokument.com/reader035/viewer/2022062623/55204d7449795902118c8810/html5/thumbnails/31.jpg)
Vielen Dank für eure Aufmerksamkeit!