Tutorial Membuat Graphviz Pada Gambar

Graphvis adalah tool open-source untuk memvisualisasikan data struktural seperti gambar jaringan. Perangkat lunak ini kian penting peranannya seiring berkembangnya cabang ilmu dan penerapan teknologi business intelligence, data mining, information retrieval dan visualisasi relasi kompleks pada berbagai industri praktis. Dalam pengaplikasiannya, Graphviz dapat mengahasilkan output berupa gambar dengan berbagai format seperti GIF, PNG dan SVG. Selain itu Graphviz juga dapat membuat aplikasi interaktif browser dan membuat hasil output lain berupa file PDF dan lain-lain.

Lanjut menginstal Graphvis dari linux.

$sudo apt-get install graphviz

Berikut ini adalah istilah-istilah pada graphvis.

• dot : digunakan untuk menggambar graph berarah (directed graph) hierarkis.
• neato : menggambar graph standar. Gunakan aplikasi ini jika ingin menggambar graph tidak berarah (undirecred graph). Cocok untuk graph yang tidak terlalu besar (sekitar 100 node).
• fdp : menggambar graph layout seperti neato.
• sfdp : menggambar layout graph yang sangat besar.
• twopi : menggambar layout radial.
• circo : menggambar layout circular.

Berikut contoh kodingan graphvis.

Lalu simpan file dengan format .dot .

Sesudah itu untuk melihat ouputnya, masukan kodingan berikut.

$dot -Tps [file].dot -o [fileoutput].ps

Untuk lebih memperkaya visualisasi, maka Graphviz mengenali elemen tag yang berfungsi untuk pembentuk table pada HTML yang digunakan pada Graphviz. Pengecualian untuk style CSS yang tidak dapat dikenali.

 Berikut ini adalah contoh kodingan untuk membuat "kode_cabang" dan "nama_cabang".

 

Lalu buat kodingan untuk penyambungnya.

Selanjutnya buat class baru dengan cara sebagai berikut.

Untuk membuat jalan penghubungnya.

Jadi ouputnya akan seperti ini.