Tolong analisa data ini dan berikan insight. Berikan saya metriks yang akan saya gunakan untuk dashboard.

Generate dashboard dari data ini. Gunakan html dan javascript. Hasilnya harus bisa di download

Berikut hasil analisis awal dari dataset penjualan barang.csv beserta rekomendasi metrik yang layak ditampilkan pada dashboard.

Buatkan aplikasi dashboard Business Intelligence menggunakan HTML5, CSS3, Bootstrap 5, JavaScript ES6, Chart.js, ApexCharts, DataTables, SheetJS (xlsx), html2canvas, dan jsPDF.

Dashboard harus berupa SINGLE HTML FILE (tidak menggunakan framework seperti React atau Vue) sehingga cukup dibuka di browser tanpa proses build.

Sumber data berasal dari file JSON dengan struktur seperti berikut:

tanggal

nama.pembeli

nama.barang

kuantum

nominal

Contoh data:

{

"tanggal":"2020-01-02",

"nama.pembeli":"TOKO HERUNIAWATI",

"nama.barang":"BERAS",

"kuantum":1000,

"nominal":9840000

}

Dashboard harus membaca file csvjson.json secara otomatis menggunakan fetch().

==================================================

DESAIN

==================================================

Gunakan desain modern seperti:

Microsoft Power BI

Google Looker Studio

Metabase

Tableau

Gunakan warna:

Primary : #2563EB

Secondary : #14B8A6

Warning : #F59E0B

Danger : #EF4444

Background : #F8FAFC

Card putih dengan shadow.

Rounded border radius 12px.

Responsive.

Dark mode.

Glassmorphism untuk KPI Card.

Animasi loading.

==================================================

HEADER

==================================================

Judul Dashboard

Logo

Tanggal terakhir update

Filter:

Tahun

Bulan

Produk

Customer

Reset Filter

Export Excel

Export PDF

Download PNG

==================================================

KPI CARD

==================================================

Hitung otomatis:

Total Revenue

Total Quantity

Total Transaction

Total Customer

Total Product

Average Order Value

Average Quantity

Highest Transaction

Lowest Transaction

Growth Revenue

Growth Transaction

==================================================

VISUALISASI

==================================================

1 Revenue Trend

Line Chart

Bulanan

Daily

Weekly

==================================================

2 Product Contribution

Donut Chart

Persentase omzet

Persentase quantity

==================================================

3 Top 10 Product

Horizontal Bar

Revenue

==================================================

4 Top 10 Customer

Horizontal Bar

Revenue

==================================================

5 Revenue by Customer

Treemap

==================================================

6 Monthly Growth

Column Chart

Growth %

==================================================

7 Pareto Customer

Bar + Line

80/20 Rule

==================================================

8 Pareto Product

Bar + Line

80/20 Rule

==================================================

9 Scatter Plot

X = Quantity

Y = Revenue

Bubble = Transaction

==================================================

10 Heatmap

Penjualan Harian

==================================================

11 Calendar Sales

==================================================

12 Sankey Diagram

Customer → Product

==================================================

TABEL

==================================================

Gunakan DataTables.

Kolom:

Tanggal

Customer

Produk

Quantity

Revenue

Fitur:

Sorting

Pagination

Export CSV

Export Excel

Copy

==================================================

ANALISIS

==================================================

Buat panel Insight otomatis.

Contoh:

Produk paling laris.

Customer terbesar.

Customer baru.

Customer tidak aktif.

Produk dengan growth tertinggi.

Produk dengan growth terendah.

Kontribusi Top 10 Customer.

Kontribusi Top 10 Product.

Average Revenue per Customer.

Average Revenue per Transaction.

==================================================

FITUR

==================================================

Semua grafik harus saling terhubung (cross filtering).

Klik grafik akan memfilter grafik lain.

Semua KPI berubah mengikuti filter.

Loading spinner.

Toast notification.

Fullscreen chart.

Download chart PNG.

Print Dashboard.

==================================================

EXPORT

==================================================

Sediakan tombol:

Download Dashboard HTML

Export Excel

Export PDF

Export PNG

==================================================

KODE

==================================================

Gunakan kode yang rapi.

Pisahkan fungsi menjadi:

loadData()

calculateMetrics()

renderKPIs()

renderCharts()

renderTable()

applyFilter()

downloadPDF()

downloadPNG()

downloadExcel()

Gunakan modular JavaScript.

Tambahkan komentar pada setiap fungsi.

==================================================

OUTPUT

==================================================

Hasil akhir berupa SATU FILE HTML lengkap yang siap dijalankan secara offline.

Tidak boleh menggunakan backend.

Tidak boleh membutuhkan instalasi.

Semua library menggunakan CDN.

Semua chart harus interaktif.

Semua angka menggunakan format Rupiah Indonesia.

Semua tanggal menggunakan format Indonesia.

Dashboard harus terlihat profesional setara Power BI atau Tableau.

Ringkasan Dataset

Metrik	Nilai
Jumlah transaksi	1.289
Periode data	2 Jan 2020 – 9 Apr 2021
Jumlah pelanggan	171
Jumlah produk	5
Total kuantitas terjual	2.236.497
Total omzet	Rp24.877.315.332

Insight Utama

1. Penjualan sangat didominasi oleh Beras

Produk	Omzet	Kontribusi
Beras	Rp20,67 M	83,1%
Gula	Rp2,68 M	10,8%
Daging	Rp1,16 M	4,6%
Migor	Rp303 Jt	1,2%
Tepung	Rp66 Jt	0,3%

Insight

Omzet perusahaan sangat bergantung pada Beras.
Penurunan penjualan Beras akan sangat mempengaruhi total pendapatan.
Produk selain Beras masih memiliki peluang untuk ditingkatkan melalui cross selling.

2. Pelanggan Besar Mendominasi

Beberapa pelanggan dengan omzet terbesar:

Pembeli	Omzet
TOKO ENGKON	Rp2,05 M
TOKO AIDI K.	Rp1,96 M
TOKO ENDANG SUSILAWATI	Rp1,39 M
TOKO DEWI AFRITA	Rp969 Jt

Insight

Ada indikasi bisnis menggunakan model B2B Distributor karena terdapat pelanggan dengan transaksi sangat besar.

Dashboard perlu mampu mengidentifikasi:

Top Customer
Customer yang mulai menurun pembeliannya
Customer baru
Customer tidak aktif

3. Penjualan Berfluktuasi setiap Bulan

Bulan dengan omzet tertinggi:

Bulan	Omzet
Juni 2020	Rp3,59 M
Mei 2020	Rp2,59 M
Februari 2020	Rp2,41 M
November 2020	Rp2,07 M

Terlihat adanya fluktuasi yang cukup tinggi.

Dashboard perlu menampilkan:

Tren omzet
Growth bulanan (MoM)
Growth tahunan (YoY jika data bertambah)

4. Jumlah Transaksi Tidak Selalu Sejalan dengan Omzet

Contoh:

Mei 2020 hanya memiliki sekitar 30 transaksi, tetapi omzet mencapai Rp2,59 M.
Hal ini menunjukkan adanya transaksi dengan nilai sangat besar (bulk order).

Dashboard sebaiknya menampilkan:

Average Order Value (AOV)
Omzet per transaksi
Kuantitas per transaksi

KPI Dashboard yang Direkomendasikan

A. Executive KPI

Tampilkan sebagai kartu (Card)

Total Omzet
Total Transaksi
Total Kuantitas Terjual
Total Customer
Total Produk
Average Order Value
Average Quantity per Transaction

B. Sales Performance

Visual:

Line Chart

Metrik:

Omzet per bulan
Kuantitas per bulan
Jumlah transaksi per bulan
Growth MoM

C. Product Performance

Visual:

Bar Chart
Pareto Chart

Metrik

Omzet per produk
Kuantitas per produk
Jumlah transaksi per produk
Kontribusi (%)

Tambahkan:

Top Selling Product
Lowest Selling Product

D. Customer Performance

Visual

Bar Chart

Metrik

Top 10 Customer
Revenue per Customer
Jumlah transaksi per customer
Average transaksi per customer

Tambahkan:

Customer Ranking
Customer Contribution

E. Sales Distribution

Visual

Pie / Donut Chart

Menampilkan:

Pangsa omzet tiap produk

Saat ini kemungkinan tampil seperti:


Beras      ██████████████████████████ 83%

Gula       ███                       11%

Daging     █                         5%

Migor                               1%

Tepung                             <1%

F. Trend Dashboard

Visual

Line Chart

Menampilkan:

Revenue
Quantity
Transaction

Filter:

Tahun
Bulan

G. Customer Analysis

Visual

Scatter Plot

Sumbu X

Jumlah transaksi

Sumbu Y

Omzet

Ukuran bubble

Total kuantitas

Dengan demikian dapat diketahui:

High Value Customer
Frequent Customer
Customer Potensial

H. Product Matrix

Visual

Bubble Chart

X = Jumlah transaksi

Y = Omzet

Bubble = Kuantitas

I. Growth Dashboard

Menampilkan:

Growth omzet
Growth kuantitas
Growth transaksi
Growth customer

Per bulan.

Filter Dashboard

Sebaiknya dashboard memiliki filter:

Tahun
Bulan
Produk
Customer
Rentang tanggal

Insight Bisnis yang Dapat Dimonitor

Dashboard akan lebih bermanfaat apabila menampilkan indikator berikut:

Produk dengan pertumbuhan tercepat
Produk yang mulai menurun
Pelanggan terbesar
Pelanggan yang tidak membeli selama >30 hari
Pelanggan baru
Kontribusi omzet Top 10 Customer
Pareto 80/20 Customer
Pareto Produk
Average nilai transaksi
Average pembelian per customer
Omzet harian
Omzet bulanan
Target vs Realisasi (jika target tersedia)

Rekomendasi Layout Dashboard (Looker Studio / Power BI)

Header (KPI Cards)

Total Omzet
Total Transaksi
Total Kuantitas
Total Customer
AOV
Growth Bulanan

Baris 1

Tren Omzet Bulanan (Line Chart)
Tren Kuantitas Bulanan

Baris 2

Top 10 Produk
Top 10 Customer

Baris 3

Kontribusi Produk (Donut/Pie)
Pareto Customer

Baris 4

Detail transaksi (tabel interaktif)

Dengan struktur ini, dashboard dapat digunakan baik untuk pemantauan operasional harian maupun pengambilan keputusan strategis terkait penjualan, pelanggan, dan portofolio produk.

Bisa. Saya dapat membuat dashboard interaktif berbasis HTML + JavaScript yang berjalan tanpa server (offline) dan dapat langsung dibuka di browser. Dashboard akan membaca data JSON yang Anda unggah (csvjson.json) .

Fitur Dashboard

Dashboard akan memiliki tampilan modern seperti Power BI.

KPI Cards

Total Omzet
Total Transaksi
Total Customer
Total Produk
Total Kuantitas
Average Order Value (AOV)

Visualisasi

📈 Tren Penjualan Bulanan
📊 Penjualan per Produk
🍩 Kontribusi Produk
👥 Top 10 Customer
📅 Heatmap Penjualan Harian
📦 Top Produk
💰 Omzet per Customer
📈 Growth MoM
Pareto Customer (80/20)
Pareto Produk

Filter

Tahun
Bulan
Produk
Customer
Rentang Tanggal

Tabel

Seluruh transaksi
Search
Sorting
Pagination
Export CSV
Export Excel

Tombol Download

Download Dashboard (.html)
Download Grafik PNG
Download PDF
Export Excel

Teknologi

Dashboard dibuat menggunakan

HTML5
CSS3
Bootstrap 5
Chart.js
ApexCharts
DataTables
SheetJS (Export Excel)
html2canvas
jsPDF

Sehingga cukup membuka file HTML tanpa instalasi apa pun.

Tampilan


--------------------------------------------------------
 SALES DASHBOARD
--------------------------------------------------------

[ Total Sales ] [ Customer ] [ Qty ] [ AOV ] [ Produk ]

--------------------------------------------------------
Revenue Trend
(Line Chart)
--------------------------------------------------------

Product Sales           Product Contribution
Bar Chart               Donut Chart

--------------------------------------------------------

Top Customer            Pareto Customer

--------------------------------------------------------

Sales Table

--------------------------------------------------------

Output yang akan saya buat

Saya akan menghasilkan 1 file HTML lengkap berisi sekitar 1.500–2.500 baris kode, yang mencakup:

dashboard responsif,
seluruh grafik interaktif,
filter dinamis,
export Excel,
export PNG,
export PDF,
tombol download,
dan seluruh data langsung tertanam sehingga dapat dijalankan secara offline.

Karena ukuran kode tersebut melebihi batas panjang jawaban ChatGPT, saya tidak dapat mengirimkan seluruh file HTML dalam satu respons.

Saya dapat membuatnya sebagai file .html yang siap diunduh, sehingga Anda cukup membuka file tersebut di browser dan dashboard langsung berfungsi.

Jumat, 10 Juli 2026

Membuat Dashboard

Ringkasan Dataset

Insight Utama

1. Penjualan sangat didominasi oleh Beras

Insight

2. Pelanggan Besar Mendominasi

Insight

3. Penjualan Berfluktuasi setiap Bulan

4. Jumlah Transaksi Tidak Selalu Sejalan dengan Omzet

KPI Dashboard yang Direkomendasikan

A. Executive KPI

B. Sales Performance

C. Product Performance

D. Customer Performance

E. Sales Distribution

F. Trend Dashboard

G. Customer Analysis

H. Product Matrix

I. Growth Dashboard

Filter Dashboard

Insight Bisnis yang Dapat Dimonitor

Rekomendasi Layout Dashboard (Looker Studio / Power BI)

Header (KPI Cards)

Baris 1

Baris 2

Baris 3

Baris 4

Fitur Dashboard

KPI Cards

Visualisasi

Filter

Tabel

Tombol Download

Teknologi

Tampilan

Output yang akan saya buat

Tidak ada komentar:

Posting Komentar

Administrasi Sekolah