Web Development

KleinData — Smart Insight Studio & Data Analytics Workspace

2026 • Independent project
Layanan
Web DevelopmentData AnalyticsUI/UX
• Dashboard analitik responsif untuk CSV, Excel, JSON, TSV, dan Parquet• 30 pilihan insight berbasis query SQL dan pemetaan kolom otomatis• SQL Playground, data profiling, dan pembersihan data• Visualisasi interaktif, ekspor CSV, grafik PNG, dan laporan Markdown
KlienIndependent Project
Website / Demodataforge-analytics-neon.vercel.app/

Bukan sekadar menampilkan angka: KleinData membantu menemukan pola, membandingkan performa, dan memahami data melalui 30 jenis analisis yang dapat diperiksa query-nya.

Banyak dataset penjualan atau operasional masih berupa tabel mentah. Sebelum memberi rekomendasi, kita perlu mengetahui isi data, kolom yang relevan, nilai yang hilang, serta perubahan performa antarperiode.

Saya membangun KleinData v2 menggunakan SvelteKit, Svelte 5, dan TypeScript. DuckDB-Wasm menjalankan query analitik di browser, sehingga file tidak perlu dikirim ke database server. Antarmuka dirancang minimalis dengan warna putih, hitam, oranye, dan aksen ungu.

Insight Studio menyediakan 30 analisis deskriptif, mulai dari nilai terendah dan tertinggi, kategori yang paling berkontribusi, estimasi profit, perubahan penjualan bulanan, hingga pemeriksaan duplikat. Pilihan analisis mengikuti kolom yang tersedia; pengguna juga bisa mengubah pemetaan kolom.

Dari dataset mentah menjadi pertanyaan yang dapat dijawab

Setelah file dimuat, aplikasi mendeteksi struktur kolom dan menghitung ringkasan awal. Pengguna memilih kategori insight yang sesuai, lalu melihat hasil utama, perbandingan, tabel pendukung, dan SQL yang digunakan.

Sebagai contoh, analisis penurunan penjualan mengelompokkan pendapatan per bulan dan membandingkan periode yang berurutan. Jika dataset tidak memiliki kolom tanggal atau pendapatan yang sesuai, analisis tersebut ditandai membutuhkan pemetaan kolom, bukan menampilkan angka buatan.

Analitik yang transparan dan berjalan di browser

DuckDB-Wasm memproses CSV, XLSX, JSON, TSV, dan Parquet secara lokal. Chart.js menyediakan grafik bar, line, dan donut; GSAP menghaluskan transisi tampilan. Hono digunakan pada endpoint API kesehatan aplikasi, sedangkan Vercel menyediakan deployment gratis.

Pengguna tetap dapat menulis SQL langsung, memeriksa kelengkapan data, menghapus record duplikat, serta mengunduh hasil. Perhitungan profit adalah estimasi selisih pendapatan dan biaya yang tersedia, bukan klaim laba bersih atau penjelasan kausal.

Hasil yang Diperoleh

KleinData v2 berhasil dirilis sebagai web analytics studio responsif dengan 30 resep analisis SQL, impor dan pemeriksaan data, grafik interaktif, serta ekspor. Build dan pengujian browser otomatis telah dijalankan; belum ada pengukuran dampak bisnis dari penggunaan aplikasi.

30Jenis insight
5Format impor
DuckDB-WasmMesin analitik
Di browserPemrosesan data

Teknologi yang Digunakan

SvelteKitSvelte 5TypeScriptDuckDB-WasmChart.jsGSAPHonoVercel
Website / Demo ↗Kode Sumber ↗