Tutorial menggunkan graphviz untuk membuat grafik

Graphviz yaitu sebuah aplikasi atau sebuah software yang di gunakan untuk membuat grafik atau graph, dengan menggunakan graphviz kita dapat membuat visualisasi data struktural (grafik)  penerapannya Graphviz dapat mengahasilkan  beberapa output yang kita inginkan dapat  berupa gambar dengan bermacam-macam tipe ektensi seperti svg.gif dan lain lain. Selain itu dapat membuat hasil output lain berupa file dengan ektensi *.pdf,
aplikasi ini dapat di instal di beberapa sistem oprasi, seperti pada windows NT,  windows XP, dan windows 8, untuk windows 7 64bit, saya mencoba instalasi tetapi gagal,  mungkin lagi ga jodohnya,  dan dapat di instal pada sistem oprasi linux,  dalam penggunaanya cukup mudah, seperti editor editor lain  untuk sebuah editor bahasa pemograman,  pertama yang ada lakukan adalah penulisan sintak, karna dengan menggunakan graphviz, berarti membuat grafik dengan menggunkan deretan sintak sintak yang nanti akan di compile dengan graphviz ini, di bawah ini ada beberapa perintah dasar  nya

twopi   : menggambar layout radial.
fdp       : menggambar graph layout seperti neato.
circo    : menggambar layout circular.
sfdp     : menggambar layout graph yang sangat besar.
dan lain nya, berikut salah satu contoh sintak nya, yang saya juga tidak buat sendiri

============================================
pertama download graphviz nya, setelah itu klik  dua kali hasil downloadnya, biasanya yang berupa rar, 
kemudian cari graphedit, dan klik dua kali, maka akan muncul windows mirip notepad ++, 
copy sintak di bawah ini.

graph G {
//    graph [splines=true overlap=false]
      graph [truecolor bgcolor="#ff00005f"]
      node [style=filled fillcolor="#00ff005f"]
      1 -- 30 [f=1];
      1 -- 40 [f=14];
      8 -- 46 [f=1];
      8 -- 16 [f=18];
      10 -- 25 [f=1];
      10 -- 19 [f=5];
      10 -- 33 [f=1];
      12 -- 8 [f=1];
      12 -- 36 [f=5];
      12 -- 17 [f=16];
      13 -- 38 [f=1];
      13 -- 24 [f=19];
      24 -- 49 [f=1];
      24 -- 13 [f=1];
      24 -- 47 [f=12];
      24 -- 12 [f=19];
      25 -- 27 [f=1];
      25 -- 12 [f=1];
      27 -- 12 [f=1];
      27 -- 14 [f=8];
      29 -- 10 [f=1];
      29 -- 8 [f=17];
      30 -- 24 [f=1];
      30 -- 44 [f=15];
      38 -- 29 [f=1];
      38 -- 35 [f=15];
      2 -- 42 [f=2];
      2 -- 35 [f=3];
      2 -- 11 [f=19];
      14 -- 18 [f=2];
      14 -- 24 [f=15];
      14 -- 38 [f=18];
      18 -- 49 [f=2];
      18 -- 47 [f=20];
      26 -- 41 [f=2];
      26 -- 42 [f=15];
      31 -- 39 [f=2];
      31 -- 47 [f=17];
      31 -- 25 [f=14];
      37 -- 26 [f=2];
      37 -- 16 [f=14];
      39 -- 50 [f=2];
      39 -- 14 [f=2];
      39 -- 18 [f=17];
      39 -- 47 [f=10];
      41 -- 31 [f=2];
      41 -- 8 [f=16];
      42 -- 44 [f=2];
      42 -- 29 [f=12];
      44 -- 37 [f=2];
      44 -- 32 [f=15];
      3 -- 20 [f=2];
      3 -- 28 [f=19];
      6 -- 45 [f=2];
      6 -- 28 [f=10];
      9 -- 6 [f=2];
      9 -- 16 [f=1];
      15 -- 16 [f=2];
      15 -- 48 [f=2];
      16 -- 50 [f=2];
      16 -- 32 [f=14];
      16 -- 39 [f=8];
      20 -- 33 [f=2];
      33 -- 9 [f=2];
      33 -- 46 [f=3];
      33 -- 48 [f=17];
      45 -- 15 [f=2];
      4 -- 17 [f=4];
      4 -- 15 [f=6];
      4 -- 12 [f=16];
      17 -- 21 [f=4];
      19 -- 35 [f=4];
      19 -- 15 [f=9];
      19 -- 43 [f=4];
      21 -- 19 [f=4];
      21 -- 50 [f=4];
      23 -- 36 [f=4];
      34 -- 23 [f=4];
      34 -- 24 [f=11];
      35 -- 34 [f=4];
      35 -- 16 [f=6];
      35 -- 18 [f=16];
      36 -- 46 [f=4];
      5 -- 7 [f=1];
      5 -- 36 [f=6];
      7 -- 32 [f=1];
      7 -- 11 [f=2];
      7 -- 14 [f=17];
      11 -- 40 [f=1];
      11 -- 50 [f=1];
      22 -- 46 [f=1];
      28 -- 43 [f=1];
      28 -- 8 [f=18];
      32 -- 28 [f=1];
      32 -- 39 [f=13];
      32 -- 42 [f=15];
      40 -- 22 [f=1];
      40 -- 47 [f=1];
      43 -- 11 [f=1];
      43 -- 17 [f=19];
}

 sintak ini di dapat dari  http://www.graphviz.org/  setelah anda copy,  save dengan ektensi .dot kemudian klik run, atau compile, setelah itu maka muncul hasil sperti ini,
gambar diatas di dapat dari www.graphviz.org

sedikit  penjelasan sintak ini di gunakan untuk memberi warna hijau pada graph dan warna pink atau merah jambu pada warna background nya
graph [truecolor bgcolor="#ff00005f"]
node [style=filled fillcolor="#00ff005f"]
 kemudian sintak berikutnya menunjukan  nomor graph graph yang saling berhubungan atau berkaitan,  dimana dalam keterhubungan tesebut, akan melalui node node yang lain yang bekaitan pula

1 -- 30 [f=1];
      1 -- 40 [f=14];
      8 -- 46 [f=1];
      8 -- 16 [f=18];
      10 -- 25 [f=1];
 dan selanjutnya





Komentar

Postingan populer dari blog ini

Letak Nomor Mesin dan Nomor Rangka Sepeda Motor Vixion 2012

Cara Membuat/ Menambah Pohon pada blender 3D