Menggambar Data dengan Canvas

Pada tutorial canvas kali ini. Kita akan menggambar data yang telah ditentukan. Ini merupakan latihan dasar dalam membuat diagram atau grafik data. Data berupa array ini akan di looping dengan menggunakan fungsi for. Terlebih dahulu buatlah canvas dengan ukuran lebar 500px dan tinggi 400px.

Kemudian buatlah var data.

Buatlah looping seperti berikut.

Note : fillRect(x,y,width,height)

Hasilnya: