Membuat Grafik Dari Web API Data Kesehatan Menggunakan Library Javascript Chart.js

Membuat grafik dari web API data kesehatan menggunakan library Javascript Chart.js Demo : https://mechaid.github.io/course-materials/praktikum-web/2020-2021/contoh/json-api-ke-chart/index.html Source code : https://github.com/mechaid/course-materials/blob/master/praktikum-web/2020-2021/contoh/json-api-ke-chart/index.html Web API data jumlah penduduk Jawa Barat 2019 : https://mechaid.github.io/course-materials/praktikum-web/2020-2021/contoh/json-api-ke-chart/penduduk-jawa-barat-2019.json Web API data jumlah dokter Jawa Barat 2019 : https://mechaid.github.io/course-materials/praktikum-web/2020-2021/contoh/json-api-ke-chart/dokter-jawa-barat-2019.json Sumber data web API : BPS Provinsi Jawa Barat https://jabar.bps.go.id/ Chart.js : https://www.chartjs.org/ Outline presentasi : https://mechaid.github.io/course-materials/praktikum-web/2020-2021/contoh/json-api-ke-chart/outline Pembahasan : 00:00 - Introduksi 02:32 - Bentuk grafik yang akan dibuat 05:18 - Mulai coding : HTML & load script Chart.js 08:30 - window.onload : Menyimpan kondisi ketika seluruh elemen diload 11:04 - XMLHttpRequest : Merequest dan load data dari web API 26:43 - Pembuatan konfigurasi Chart.js 32:00 - Transformasi data-data dari web API menjadi input Chart.js menggunakan .map() 49:10 - Menghitung dan membuat array jumlah penduduk per dokter Editing & cover : Kdenlive + GIMP