{"id":21410,"date":"2026-10-04T00:39:26","date_gmt":"2026-10-03T17:39:26","guid":{"rendered":"https:\/\/man2kulonprogo.sch.id\/m2kp\/?p=21410"},"modified":"2026-10-04T00:54:39","modified_gmt":"2026-10-03T17:54:39","slug":"visualisasi-dan-interpretasi-data","status":"publish","type":"post","link":"https:\/\/man2kulonprogo.sch.id\/m2kp\/2026\/10\/04\/visualisasi-dan-interpretasi-data\/","title":{"rendered":"Visualisasi dan Interpretasi Data"},"content":{"rendered":"

Informatika Kelas X \u2014 Bab 6: Analisis Data<\/h2>\n

Bagian I: Visualisasi dan Interpretasi Data<\/h3>\n

Pengampu :<\/strong> Zuli Irawanto, ST<\/p>\n

\n

\ud83c\udfaf Tujuan Pembelajaran<\/h3>\n

Setelah mempelajari materi ini, siswa diharapkan mampu:<\/p>\n

    \n
  1. Menjelaskan alasan data perlu divisualisasikan.<\/li>\n
  2. Memilih jenis grafik yang tepat: batang, garis, atau lingkaran.<\/li>\n
  3. Membuat grafik dengan Matplotlib lengkap dengan judul dan label sumbu.<\/li>\n
  4. Membaca dan menafsirkan grafik (interpretasi), lalu menarik kesimpulan dan saran.<\/li>\n<\/ol>\n
    \n

    Mengapa Data Perlu Divisualisasikan?<\/h3>\n

    Bandingkan dua cara menyajikan nilai lima siswa: deretan angka 87, 90, 84, 75, 82<\/em>, atau sebuah grafik batang. Dengan grafik, kita langsung tahu siapa yang tertinggi dan terendah tanpa menghitung<\/strong>. Otak manusia memang jauh lebih cepat memahami gambar daripada deretan angka.<\/p>\n

    Visualisasi data<\/strong> adalah menyajikan data dalam bentuk grafik atau diagram agar pola, perbandingan, dan perubahan mudah dilihat. Ini tahap keempat analisis data, dan setelahnya kita masuk ke tahap kelima, yaitu interpretasi<\/strong>: memahami arti grafik dan mengambil keputusan.<\/p>\n

    Memilih grafik yang tepat:<\/strong><\/p>\n

    \n\n\n\n\n\n\n\n
    Jenis grafik<\/span><\/th>\nDipakai untuk<\/span><\/th>\nContoh<\/span><\/th>\n<\/tr>\n<\/thead>\n
    \ud83d\udcca Batang<\/strong> (bar<\/em>)<\/td>\nMembandingkan beberapa kelompok<\/td>\nNilai tiap siswa, rata-rata tiap kelas<\/td>\n<\/tr>\n
    \ud83d\udcc8 Garis<\/strong> (line<\/em>)<\/td>\nMelihat perubahan dari waktu ke waktu<\/td>\nPerkembangan nilai tiap ulangan<\/td>\n<\/tr>\n
    \ud83e\udd67 Lingkaran<\/strong> (pie<\/em>)<\/td>\nMelihat bagian dari keseluruhan (persentase)<\/td>\nProporsi predikat A, B, C, D<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

    Pustaka yang kita pakai adalah Matplotlib<\/strong> (ingat tabel pustaka di Bagian F), yang sudah terpasang di Colab. Biasanya ditulis import matplotlib.pyplot as plt<\/code>.<\/p>\n

    \n

    Cara Belajar Bagian Ini<\/h3>\n

    Bagian ini berisi 5 Tugas Praktik<\/strong>, yaitu Praktik 39 sampai 43<\/strong> (melanjutkan Bagian H). Polanya masih sama: \ud83e\udd14 Tebak dulu<\/strong> \u2192 \u2328\ufe0f Ketik & jalankan<\/strong> \u2192 \u2705 Cocokkan<\/strong> \u2192 \ud83d\udca1 Pahami<\/strong> \u2192 \ud83c\udfc1 Tantangan mini<\/strong>.<\/p>\n

    Persiapan:<\/strong> buat notebook baru bernama Praktik_Bab6I_NamaKamu<\/strong>. Praktik 39 dan 40 berlanjut<\/strong> (memakai variabel nama<\/code> dan nilai<\/code> dari Praktik 39). Praktik 41 sampai 43 berdiri sendiri. Grafik yang tampil di Colab berupa gambar sungguhan, sedangkan di halaman ini hanya berupa gambaran<\/strong>, jadi tampilan warna dan bentuknya akan sedikit berbeda.<\/div>\n
    \n

    \ud83e\uddea Tugas Praktik 39: Grafik Batang Pertamaku<\/h3>\n
    \ud83e\udd14 Tebak dulu!<\/strong> Dari lima nilai siswa, siapa yang batangnya paling tinggi dan paling rendah?<\/div>\n

    \u2328\ufe0f Ketik di sel kode, lalu jalankan:<\/strong><\/p>\n

    import matplotlib.pyplot as plt\r\n\r\nnama = [\"Budi\", \"Sari\", \"Andi\", \"Dedi\", \"Rina\"]\r\nnilai = [87, 90, 84, 75, 82]\r\n\r\nplt.bar(nama, nilai)\r\nplt.show()<\/pre>\n
    \u2705 Hasilnya (Colab menampilkan grafik di bawah sel; ini gambarannya):<\/strong><\/p>\n
    \n
    Grafik batang (gambaran)<\/div>\n
    \n
    \n
    87<\/div>\n
    <\/div>\n<\/div>\n
    \n
    90<\/div>\n
    <\/div>\n<\/div>\n
    \n
    84<\/div>\n
    <\/div>\n<\/div>\n
    \n
    75<\/div>\n
    <\/div>\n<\/div>\n
    \n
    82<\/div>\n
    <\/div>\n<\/div>\n<\/div>\n
    \n
    Budi<\/div>\n
    Sari<\/div>\n
    Andi<\/div>\n
    Dedi<\/div>\n
    Rina<\/div>\n<\/div>\n
    Sari paling tinggi (90), Dedi paling rendah (75)<\/div>\n<\/div>\n
    \ud83d\udca1 Penjelasan:<\/strong> plt.bar(nama, nilai)<\/code> membuat grafik batang: list pertama untuk sumbu mendatar<\/strong> (kategori), list kedua untuk tinggi batang<\/strong>. Kedua list harus sama panjang, seperti di Bagian D. plt.show()<\/code> menampilkan grafiknya. Tanpa pustaka dan tanpa menghitung, kita sudah bisa langsung melihat perbandingannya.<\/p>\n
    \ud83c\udfc1 Tantangan mini:<\/strong> Ubah nilai Dedi menjadi 95, lalu jalankan lagi. Siapa yang sekarang batangnya paling tinggi?<\/div>\n
    \n
    \ud83e\uddea Tugas Praktik 40: Menambah Judul, Label, dan Warna<\/h3>\n
    \ud83e\udd14 Tebak dulu!<\/strong> Grafik tanpa judul dan label sulit dipahami orang lain. Apa saja yang perlu ditambahkan?<\/div>\n
    \u2328\ufe0f Ketik di sel kode, lalu jalankan:<\/strong><\/p>\n
    plt.bar(nama, nilai, color=\"teal\")\r\nplt.title(\"Nilai Ulangan Harian\")\r\nplt.xlabel(\"Nama Siswa\")\r\nplt.ylabel(\"Nilai\")\r\nplt.ylim(0, 100)\r\nplt.show()<\/pre>\n
    \u2705 Hasilnya (Colab menampilkan grafik di bawah sel; ini gambarannya):<\/strong><\/p>\n
    \n
    Nilai Ulangan Harian<\/div>\n
    \n
    \n
    87<\/div>\n
    <\/div>\n<\/div>\n
    \n
    90<\/div>\n
    <\/div>\n<\/div>\n
    \n
    84<\/div>\n
    <\/div>\n<\/div>\n
    \n
    75<\/div>\n
    <\/div>\n<\/div>\n
    \n
    82<\/div>\n
    <\/div>\n<\/div>\n<\/div>\n
    \n
    Budi<\/div>\n
    Sari<\/div>\n
    Andi<\/div>\n
    Dedi<\/div>\n
    Rina<\/div>\n<\/div>\n
    sumbu mendatar: Nama Siswa \u00b7 sumbu tegak: Nilai (0 sampai 100)<\/div>\n<\/div>\n
    \ud83d\udca1 Penjelasan:<\/strong> color<\/code> mengatur warna batang, plt.title()<\/code> memberi judul, dan plt.xlabel()<\/code> serta plt.ylabel()<\/code> memberi nama kedua sumbu. plt.ylim(0, 100)<\/code> mengunci sumbu tegak dari 0 sampai 100. Sel ini memakai nama<\/code> dan nilai<\/code> dari Praktik 39. Grafik yang baik selalu punya judul<\/strong>, label sumbu<\/strong>, dan sumbu yang jujur<\/strong>.<\/p>\n
    \u26a0\ufe0f Awas grafik yang menyesatkan!<\/strong> Jika sumbu tegak tidak dimulai dari 0 (misalnya dari 70), selisih kecil tampak sangat besar. Grafik yang jujur memakai sumbu yang wajar dan tidak dipakai untuk mengelabui pembaca.<\/div>\n
    \ud83c\udfc1 Tantangan mini:<\/strong> Hapus baris plt.ylim(0, 100)<\/code>. Apakah beda tinggi batang jadi tampak lebih besar daripada kenyataannya?<\/div>\n
    \n
    \ud83e\uddea Tugas Praktik 41: Grafik Garis: Melihat Perkembangan<\/h3>\n
    \ud83e\udd14 Tebak dulu!<\/strong> Nilai Budi pada empat ulangan: 70, 75, 82, 88. Bagaimana arah garisnya, naik, turun, atau datar?<\/div>\n
    \u2328\ufe0f Ketik di sel kode, lalu jalankan:<\/strong><\/p>\n
    import matplotlib.pyplot as plt\r\n\r\nulangan = [\"UH 1\", \"UH 2\", \"UH 3\", \"UH 4\"]\r\nnilai_budi = [70, 75, 82, 88]\r\n\r\nplt.plot(ulangan, nilai_budi, marker=\"o\", color=\"orange\")\r\nplt.title(\"Perkembangan Nilai Budi\")\r\nplt.xlabel(\"Ulangan Harian\")\r\nplt.ylabel(\"Nilai\")\r\nplt.ylim(0, 100)\r\nplt.grid(True)\r\nplt.show()<\/pre>\n
    \u2705 Hasilnya (Colab menampilkan grafik di bawah sel; ini gambarannya):<\/strong><\/p>\n
    \n
    Perkembangan Nilai Budi<\/div>\n
    \n
    \n
    <\/div>\n
    <\/div>\n
    70<\/div>\n<\/div>\n
    \n
    <\/div>\n
    <\/div>\n
    75<\/div>\n<\/div>\n
    \n
    <\/div>\n
    <\/div>\n
    82<\/div>\n<\/div>\n
    \n
    <\/div>\n
    <\/div>\n
    88<\/div>\n<\/div>\n<\/div>\n
    \n
    UH 1<\/div>\n
    UH 2<\/div>\n
    UH 3<\/div>\n
    UH 4<\/div>\n<\/div>\n
    titik-titik dihubungkan garis yang naik dari kiri ke kanan<\/div>\n<\/div>\n
    \ud83d\udca1 Penjelasan:<\/strong> plt.plot()<\/code> membuat grafik garis, dan marker=\"o\"<\/code> menambah bulatan di tiap titik. plt.grid(True)<\/code> menampilkan garis bantu. Garis cocok untuk data yang berurutan menurut waktu<\/strong>. Di sini garis naik terus, artinya nilai Budi meningkat<\/strong> setiap ulangan.<\/p>\n
    \ud83c\udfc1 Tantangan mini:<\/strong> Ganti nilai UH 3 menjadi 60. Bagaimana bentuk garis sekarang, dan apa artinya?<\/div>\n
    \n
    \ud83e\uddea Tugas Praktik 42: Diagram Lingkaran: Melihat Persentase<\/h3>\n
    \ud83e\udd14 Tebak dulu!<\/strong> Dari 10 siswa, 2 mendapat A, 5 mendapat B, 2 mendapat C, dan 1 mendapat D. Predikat apa yang bagiannya paling besar?<\/div>\n
    \u2328\ufe0f Ketik di sel kode, lalu jalankan:<\/strong><\/p>\n
    import matplotlib.pyplot as plt\r\n\r\npredikat = [\"A\", \"B\", \"C\", \"D\"]\r\njumlah = [2, 5, 2, 1]\r\n\r\nplt.pie(jumlah, labels=predikat, autopct=\"%1.0f%%\")\r\nplt.title(\"Proporsi Predikat Siswa\")\r\nplt.show()<\/pre>\n
    \u2705 Hasilnya (Colab menampilkan grafik di bawah sel; ini gambarannya):<\/strong><\/p>\n
    \n
    Proporsi Predikat Siswa<\/div>\n
    <\/div>\n
    A: 20%<\/span>B: 50%<\/span>C: 20%<\/span>D: 10%<\/span><\/div>\n
    warna pada Colab bisa berbeda; persentasenya sama<\/div>\n<\/div>\n
    \ud83d\udca1 Penjelasan:<\/strong> plt.pie()<\/code> membuat diagram lingkaran. labels<\/code> memberi nama tiap irisan, dan autopct=\"%1.0f%%\"<\/code> menampilkan persentase<\/strong> pada irisan. Diagram lingkaran cocok bila jumlah irisannya sedikit dan kita ingin melihat bagian dari keseluruhan<\/strong>. Predikat B paling besar, yaitu 50%.<\/p>\n
    \ud83c\udfc1 Tantangan mini:<\/strong> Ubah jumlah<\/code> menjadi [4, 3, 2, 1]<\/code>. Predikat mana yang sekarang paling besar?<\/div>\n
    \n
    \ud83e\uddea Tugas Praktik 43: Mini Proyek: Dari Data Kotor sampai Interpretasi<\/h3>\n
    \ud83e\udd14 Tebak dulu!<\/strong> Setelah data dibersihkan (Bagian H), kelas mana yang rata-ratanya lebih tinggi? Seberapa jauh bedanya?<\/div>\n
    \u2328\ufe0f Ketik di sel kode, lalu jalankan:<\/strong><\/p>\n
    import pandas as pd\r\nimport matplotlib.pyplot as plt\r\n\r\nmentah = {\r\n    \"Nama\": [\"Budi\", \"Sari\", \"Andi\", \"Sari\", \"Dedi\", \"Rina\"],\r\n    \"Kelas\": [\"X-1\", \"X-1\", \"X-2\", \"X-1\", \"X-2\", \"X-1\"],\r\n    \"Nilai\": [87, 90, None, 90, 75, 82]\r\n}\r\n\r\ndf = pd.DataFrame(mentah)\r\ndf = df.drop_duplicates().reset_index(drop=True)\r\ndf[\"Nilai\"] = df[\"Nilai\"].fillna(df[\"Nilai\"].mean())\r\n\r\nrekap = df.groupby(\"Kelas\")[\"Nilai\"].mean()\r\nprint(rekap.round(1))\r\n\r\nrekap.plot(kind=\"bar\", color=[\"teal\", \"orange\"])\r\nplt.title(\"Rata-rata Nilai per Kelas\")\r\nplt.ylabel(\"Rata-rata Nilai\")\r\nplt.ylim(0, 100)\r\nplt.xticks(rotation=0)\r\nplt.show()<\/pre>\n
    \u2705 Hasilnya (Colab menampilkan grafik di bawah sel; ini gambarannya):<\/strong><\/p>\n
    Kelas\r\nX-1    86.3\r\nX-2    79.2\r\nName: Nilai, dtype: float64<\/pre>\n
    \n
    Rata-rata Nilai per Kelas<\/div>\n
    \n
    \n
    86.3<\/div>\n
    <\/div>\n<\/div>\n
    \n
    79.2<\/div>\n
    <\/div>\n<\/div>\n<\/div>\n
    \n
    X-1<\/div>\n
    X-2<\/div>\n<\/div>\n
    X-1 sekitar 86,3 dan X-2 sekitar 79,2<\/div>\n<\/div>\n
    \ud83d\udca1 Penjelasan:<\/strong> Seluruh alur analisis data berjalan di sini: koleksi<\/strong> (data awal), pembersihan<\/strong> (hapus data ganda dan isi data kosong), pengolahan<\/strong> (groupby<\/code>), dan visualisasi<\/strong> (.plot(kind=\"bar\")<\/code> dari pandas, yang memakai Matplotlib di belakang layar). plt.xticks(rotation=0)<\/code> menegakkan tulisan label di sumbu mendatar. Tinggal tahap terakhir: interpretasi<\/strong>.<\/p>\n
    \ud83d\udd0d Contoh interpretasi:<\/strong>
    \n“Berdasarkan grafik, rata-rata nilai kelas X-1 (sekitar 86,3) lebih tinggi sekitar 7 poin daripada kelas X-2 (sekitar 79,2). Ini menunjukkan siswa X-1 secara umum lebih menguasai materi. Namun jumlah datanya sedikit, sehingga kesimpulan ini perlu dicek dengan data yang lebih banyak. Guru dapat memberi pendampingan tambahan kepada kelas X-2.”<\/em><\/div>\n
    \ud83c\udfc1 Tantangan mini:<\/strong> Ganti kind=\"bar\"<\/code> menjadi kind=\"line\"<\/code>. Apakah garis cocok untuk membandingkan dua kelas? Mengapa?<\/div>\n
    \n
    Cara Menafsirkan (Interpretasi) Grafik<\/h3>\n
    Membuat grafik itu baru separuh jalan. Bagian terpenting adalah memahami artinya<\/strong>. Gunakan langkah berikut:<\/p>\n
    \n\n\n\n\n\n\n\n\n\n
    Langkah<\/span><\/th>\nPertanyaan pemandu<\/span><\/th>\n<\/tr>\n<\/thead>\n
    1. Baca judul dan sumbu<\/strong><\/td>\nGrafik ini tentang apa? Satuan dan rentang angkanya apa?<\/td>\n<\/tr>\n
    2. Temukan nilai penting<\/strong><\/td>\nMana yang tertinggi, terendah, dan paling mencolok?<\/td>\n<\/tr>\n
    3. Cari pola atau perbandingan<\/strong><\/td>\nNaik, turun, atau stabil? Siapa atau apa yang lebih besar?<\/td>\n<\/tr>\n
    4. Tarik kesimpulan<\/strong><\/td>\nApa artinya? Apa kemungkinan penyebabnya?<\/td>\n<\/tr>\n
    5. Beri saran atau keputusan<\/strong><\/td>\nApa tindakan yang sebaiknya dilakukan berdasarkan data ini?<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
    \u26a0\ufe0f Hati-hati:<\/strong> data hanya menunjukkan apa yang terjadi<\/em>, belum tentu menjelaskan mengapa<\/em> terjadi. Gunakan kata yang jujur seperti “cenderung”, “diduga”, dan sebutkan keterbatasan data (misalnya jumlah data yang sedikit).<\/div>\n
    \n
    Rangkuman Bagian I dan Perjalanan Bab 6<\/h3>\n