Skip to content

Latest commit

Β 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 makeGraph

makeGraph adalah website sederhana untuk membuat grafik lingkaran (pie chart) berdasarkan input label dan nilai yang dimasukkan satu per satu. Website ini dirancang agar data yang telah dimasukkan bersifat final dan tidak dapat diubah atau dihapus, cocok untuk polling, survei sederhana, atau visualisasi data cepat.


πŸš€ Fitur Utama

  • βœ… Input label dan nilai satu per satu
  • πŸ”’ Data yang sudah disimpan tidak bisa diubah atau dihapus
  • πŸ“Š Pie Chart otomatis dengan Chart.js
  • πŸ“ Judul grafik opsional
  • πŸ” Tombol reset untuk menghapus semua data
  • πŸ’‘ Desain sederhana, cepat, dan tanpa login

πŸ–₯️ Tampilan Pengguna

  1. Form Input:

    • Input label (teks)
    • Input nilai (angka)
    • Tombol "Simpan & Lanjutkan"
  2. Buat Grafik:

    • Setelah selesai input, klik tombol "Buat Grafik"
    • Pie chart akan ditampilkan berdasarkan data yang sudah disimpan
  3. Reset:

    • Menghapus semua input dan grafik
    • Kembali ke kondisi awal

πŸ“¦ Teknologi yang Digunakan

  • HTML & CSS (Tailwind CSS untuk styling opsional)
  • JavaScript (Vanilla JS)
  • Chart.js untuk visualisasi grafik

πŸ“Œ Cara Menggunakan

  1. Clone repositori ini atau unduh semua file
  2. Buka index.html di browser modern
  3. Masukkan label dan nilai satu per satu, klik "Simpan & Lanjutkan"
  4. Setelah selesai, klik "Buat Grafik"
  5. Lihat grafik lingkaran di bawahnya πŸŽ‰

πŸ§ͺ Contoh Kasus

Misalnya pengguna ingin membuat grafik "Pengeluaran Harian":

  1. Input: Makan, 40 β†’ Simpan
  2. Input: Transportasi, 30 β†’ Simpan
  3. Input: Hiburan, 30 β†’ Simpan
  4. Klik Buat Grafik β†’ Pie chart akan muncul

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages