Tutorial Membuat Gambar Pada Graphviz

Pengertian Graphviz

Graphviz adalah sumber grafik perangkat lunak visualisasi terbuka. Visualisasi grafik adalah Cara untuk mewakili informasi struktural sebagai diagram grafik abstrak dan jaringan. Ini memiliki aplikasi penting dalam jaringan, bioinformatika, rekayasa perangkat lunak, database dan desain web, pembelajaran mesin, dan antarmuka visual untuk domain teknis lainnya.

Fitur  Graphviz

Program tata letak Graphviz mengambil deskripsi grafik dalam bahasa teks sederhana, dan membuat diagram dalam format yang berguna, seperti foto dan SVG untuk halaman web, PDF atau Postscript untuk dimasukkan dalam dokumen lain, atau ditampilkan dalam browser grafik interaktif. (Graphviz juga mendukung GXL, dialek XML.) Graphviz memiliki banyak fitur yang berguna untuk diagram beton, seperti opsi untuk warna, font, layout tabular simpul, gaya garis, hyperlink, Rolland kustom bentuk.

          Selanjutnya untuk memahami konsep membuat graph menggunakan Grapviz, saya akan mencoba menjalankan source code yang saya kutip dari http://www.graphviz.org/. Program berikut ini merupakan pembuatan program graph berarah.

##"I played some days with making an interface between our ConceptBase system (essentially a database system to store models) and graphviz. One example graph is attached. It is a so-called petri net for Dutch traffic lights. The example is actually taken from a book by Wil van der Aalst." Contributed by Manfred Jeusfeld.

 

 

##Command to produce the output: "neato -Tpng thisfile > thisfile.png"

 

 

digraph TrafficLights {

node [shape=box];  gy2; yr2; rg2; gy1; yr1; rg1;

node [shape=circle,fixedsize=true,width=0.9];  green2; yellow2; red2; safe2; safe1; green1; yellow1; red1;

gy2->yellow2;

rg2->green2;

yr2->safe1;

yr2->red2;

safe2->rg2;

green2->gy2;

yellow2->yr2;

red2->rg2;

gy1->yellow1;

rg1->green1;

yr1->safe2;

yr1->red1;

safe1->rg1;

green1->gy1;

yellow1->yr1;

red1->rg1;

 

 

overlap=false

label="PetriNet Model TrafficLights\nExtracted from ConceptBase and layed out by Graphviz"

fontsize=12;

}

Kodingan tersebut di copy dan simpan dengan ekstensi .dot. Kemudian coba jalankan program pada terminal/command line anda, ketikan perintah berikut:

bayu@X201EV:~/Desktop/tasha$ dot -Tps tasha.dot -o outputtasha.ps

Penjelasan Program

 -        Semua code yang diawali tanda pagar/hashtag (#) merupakan baris komentar yang diselipkan pada kodingan

-        digraph TrafficLights {

-

Baris diatas merupakan perintah untuk menamakan graph dengan nama TrafficLights

-        node [shape=box];  gy2; yr2; rg2; gy1; yr1; rg1;

-

Baris diatas merupakan perintah untuk membuat node berbentuk box dengan elemen gy2, yr2, rg2, gy1, yr1, dan rg1.

-        node [shape=circle,fixedsize=true,width=0.9];  green2; yellow2; red2; safe2; safe1; green1;

Perintah diatas merupakan perintah untuk membuat node berbentuk lingkaran dengan elemen green2, yellow2, red2, safe2, dan green2.

-        Kemudian baris perintah antara 2 elemen node yang di tengahnya ada simbol → merupakan baris perintah untuk membuat arah hubungan antar node dalam graph.