Membuat Dasbor Interaktif dari Claude dengan Konektor MCP Sprucely.io

Tonton Videonya

Dasbor yang dibuat melalui konektor ini adalah dasbor Sprucely.io biasa. Video ini memberikan pengenalan singkat tentang Sprucely.io dan jenis dasbor interaktif yang dibuat Claude di akun Anda. Instruksi terperinci tersedia setelah video.

Pengenalan Sprucely.io dan cara dasbor interaktif dibuat dan dibagikan (1:25 menit)

Apa yang Dilakukan Konektor Claude MCP

MCP (Model Context Protocol) adalah standar terbuka yang digunakan Claude untuk bekerja dengan tool eksternal, dan Sprucely.io menyediakan server MCP yang dihosting untuknya — salah satu dari sedikit server MCP Claude yang dibangun khusus untuk menyampaikan hasil kepada orang-orang di luar Claude. Dalam praktiknya, ini menjadikan Claude agen AI yang mumpuni untuk analisis data: agennya yang mengerjakan analisis, dan Sprucely.io yang menghosting serta menyampaikan hasilnya. Setelah terhubung sebagai konektor kustom, Claude dapat memanggil Sprucely.io langsung dari sebuah percakapan untuk:

• Membuat dasbor dari data yang ada di percakapan — Claude memilih sendiri jenis grafik, tata letak, dan judulnya, lalu mengembalikan tautan yang me-render dasbor jadi tersebut. Tanpa SQL, tanpa kerja desain, tanpa infrastruktur yang perlu disiapkan.

• Mencari dasbor yang sudah ada di akun Anda dan mengambil detailnya.

• Menambahkan baris baru ke dataset dasbor yang sudah ada, sehingga sebuah dasbor bisa terus berkembang seiring waktu — termasuk lewat agen Claude terjadwal yang berjalan saat Anda sedang tidak di depan komputer.

Bedanya dengan grafik di dalam percakapan terletak pada persistensi dan jangkauan. Sebuah grafik atau artifact hanya melekat pada chat tempatnya dibuat; sedangkan dasbor yang dibuat lewat konektor ini hidup di luar chat tersebut — dihosting di URL yang stabil, tetap ada lintas sesi, dan bisa dibagikan ke orang yang bahkan tidak punya akun Claude. Melihatnya pun tidak menghabiskan kuota penggunaan Claude Anda sama sekali: Anda menganalisis satu kali di Claude, dan berapa pun jumlah stakeholder bisa membuka hasilnya.

Dasbor yang dibuat lewat konektor ini adalah dasbor Sprucely.io biasa. Dasbor-dasbor ini muncul di akun Anda berdampingan dengan dasbor apa pun yang Anda bangun lewat alur data-ke-dasbor, dan Anda bisa mengeditnya, mengubah gayanya, membagikannya, serta menyematkannya persis seperti dasbor mana pun yang Anda buat sendiri secara manual.

Dasbor yang dibuat dari Claude bersifat dihosting dan persisten — tetap ada meski percakapannya sudah berakhir, dan tetap interaktif di perangkat apa pun.

Menghubungkan Claude ke Sprucely.io

Endpoint konektornya adalah https://www.sprucely.io/mcp. Anda menambahkannya ke Claude sebagai konektor kustom, dan ada dua cara untuk mengautentikasinya: masuk dengan akun Sprucely.io Anda, atau menggunakan kunci MCP API. Server MCP yang sama ini berfungsi di Claude versi web, di aplikasi desktop Claude, maupun di Claude Code.

Masuk dengan akun Sprucely.io Anda (disarankan)

Instruksi:

1. Langkah 1: Buka pengaturan konektor - Di Claude (versi web atau desktop), buka Settings Connectors lalu pilih Add custom connector.
2. Langkah 2: Tempelkan endpoint-nya - Masukkan https://www.sprucely.io/mcp sebagai URL konektor lalu konfirmasi.
3. Langkah 3: Masuk ke Sprucely.io - Claude akan membuka halaman masuk Sprucely.io. Masuk dengan akun yang sudah Anda miliki — atau, jika belum punya, buat akun langsung di dalam alur ini. Cara ini berlaku juga di paket gratis.
4. Langkah 4: Semua siap - Koneksinya pun selesai, dan dasbor pertama yang Anda minta Claude buat akan langsung muncul di akun Anda.

Gunakan Kunci MCP API

Pada paket apa pun, Anda dapat membuat kunci MCP API berumur panjang dari halaman profil Anda (Profil AI Model Context Protocol (MCP)). Kunci hanya ditampilkan satu kali saat dibuat dan dapat dicabut kapan saja, tanpa batasan jumlah kunci yang dapat Anda buat. Kunci semacam ini cocok untuk penyiapan headless yang tidak memungkinkan proses masuk lewat browser — misalnya agen yang berjalan di server.

Claude Code

Developer yang menggunakan Claude Code dapat menambahkan Sprucely.io ke server MCP Claude Code mereka langsung dari terminal:

claude mcp add --transport http sprucely https://www.sprucely.io/mcp

Autentikasi saat diminta, dan tool dasbor yang sama akan langsung tersedia di sesi Claude Code Anda. Di antara berbagai server MCP terbaik untuk Claude Code, perbedaan praktisnya di sini terletak pada ke mana hasilnya bermuara: sebagai dasbor yang dihosting dan siap dibagikan, bukan sekadar teks di terminal.

Dua Cara Mengisi Data ke Dasbor

Secara keseluruhan Sprucely.io mendukung dua model data, tetapi baru satu di antaranya yang tersedia lewat Claude saat ini — penting dipahami sebelum Anda memutuskan cara mengatur sebuah dasbor:

• Data yang dikirim Claude (yang digunakan konektor ini) - Saat Claude mengirim baris data melalui konektor, Sprucely.io menyimpannya sebagai dataset di penyimpanan file akun Anda. Dasbor akan me-render dataset yang tersimpan itu — datanya tetap seperti kondisi saat pertama dibuat, dan hanya berubah ketika ada panggilan konektor berikutnya yang menambahkan baris baru. Tidak ada yang diperbarui dengan sendirinya.

• Sumber online tertaut (hanya di editor Sprucely.io, belum tersedia lewat Claude) - Dasbor yang didefinisikan berdasarkan URL sumber data (misalnya spreadsheet yang dipublikasikan atau data feed, opsional dipersempit ke rentang atau sekumpulan kolom tertentu) akan diambil ulang setiap kali seseorang membukanya, sehingga datanya selalu terkini tanpa perlu kerja tambahan dari siapa pun. Fitur ini sudah tersedia di Sprucely.io saat ini, tetapi hanya bisa dikonfigurasi sendiri langsung di editor — membuat dasbor bersumber tertaut dari percakapan Claude masih ada di roadmap konektor dan belum tersedia.

Singkatnya: setiap dasbor yang dibuat Claude saat ini menggunakan model pertama — kirim data saat data itu dihasilkan langsung di dalam percakapan, lalu biarkan agen Claude Anda menambahkan baris baru sesuai jadwal yang Anda tentukan sendiri. Jika Anda justru menginginkan dasbor yang selalu mencerminkan URL live tanpa panggilan tambahan data sama sekali, atur langsung di editor Sprucely.io.

Membuat Dasbor dari Percakapan

Setelah terhubung, membuat dashboard cukup dengan permintaan biasa — tanpa konfigurasi grafik dan tanpa bahasa kueri. Lampirkan spreadsheet Anda ke percakapan dan jelaskan apa yang ingin Anda lihat, termasuk tampilannya:

Claude membaca berkas, menyusun dataset, memilih kolom untuk setiap grafik, dan memanggil konektor. Balasannya berisi tautan ke dashboard yang sudah jadi serta penjelasan singkat tentang cara data dibentuk.

Penjelasan itu layak dibaca, bukan dilewati. Pada contoh ini Claude membongkar 41 komponen menjadi 123 baris — satu per komponen dan pos biaya — sehingga Material, Manufaktur, dan Transportasi menjadi dimensi yang benar-benar bisa difilter oleh grafik. Inilah bedanya dashboard yang bisa dieksplorasi dengan sekadar gambar tabel ringkasan: konektor memerlukan catatan mentah tingkat baris, dan asisten yang baik akan membentuk ulang lembar kerja untuk menghasilkannya alih-alih mengirim total.

Membuka tautan menampilkan dashboard yang sudah dirender, dengan tema sesuai permintaan dan dibagikan sehingga siapa pun yang memiliki URL dapat melihatnya.

Tersedia enam jenis grafik — bar, line, area, dot (scatter), cell (heatmap), dan hexbin — lengkap dengan agregasi (sum, average, count, median, min, max, standard deviation) dan pengelompokan berbasis waktu untuk kolom tanggal. Dasbor dapat menggabungkan banyak grafik dan widget, dan satu dataset mendukung jutaan catatan pada paket berbayar.

Satu kali panggilan dapat membawa hingga 50.000 baris; untuk dataset yang lebih besar, Claude mengirim batch awal lalu menambahkan sisanya secara otomatis melalui panggilan-panggilan susulan.

Setelah dibuat, Anda dapat menyempurnakan hasilnya di editor Sprucely.io seperti dasbor lainnya: susun ulang tata letak dengan seret dan lepas, terapkan salah satu tema warna yang sudah tersedia atau palet Anda sendiri, dan konfigurasikan ulang tiap grafik dengan chart wizard.

Menambahkan Data ke Dasbor Setiap Kali Dijalankan

Kemampuan menambahkan baris inilah yang mengubah grafik sekali-jadi menjadi catatan yang terus hidup — pola “terus lacak ini setiap minggu”. Karena percakapan berikutnya — atau agen Claude terjadwal — dapat menambahkan baris ke dasbor yang sudah dibuat sebelumnya, Anda bisa menjalankan pola mingguan seperti ini:

• Minggu 1 - “Analisis ekspor pipeline minggu ini dan buatkan dasbor Sprucely yang melacak total per tahap.” Claude membuat dasbornya; Anda membagikan tautannya sekali saja.

• Setiap minggu berikutnya - “Analisis ekspor minggu ini dan tambahkan hasilnya ke dasbor pipeline.” Claude menambahkan baris baru; tautan yang sama kini menampilkan riwayat yang lebih panjang.

Jika Anda menggunakan agen terjadwal Claude, langkah mingguan ini berjalan tanpa campur tangan Anda: agen melakukan analisisnya dan menambahkan baris baru setiap kali dijalankan, sementara audiens dasbor tetap membuka URL yang sama. Dasbor hanya diperbarui saat — dan hanya saat — sebuah proses agen menulis ke dalamnya, sehingga irama agen Anda menjadi irama laporan Anda.

Pola ini cocok untuk laporan interaktif berulang jenis apa pun: pelaporan klien mingguan, tinjauan pipeline penjualan, tren tiket dukungan, hasil kampanye marketing, atau KPI operasional. Analisisnya terjadi di Claude; catatannya terus terkumpul di Sprucely.io.

Kasus Penggunaan: Agen AI untuk Analisis Data

Agen AI untuk analisis data memerlukan tempat untuk menyampaikan hasilnya, dan dua blok bangunan yang sama — membuat dasbor, lalu menambahkan data ke dalamnya setiap kali dijalankan — sudah mencakup sebagian besar kebutuhan pelaporan berulang. Beberapa pola konkretnya:

• Buku catatan KPI yang terus hidup untuk agen Claude terjadwal. Pemimpin tim ops dan finance yang sudah menjalankan Claude Routine, Managed Agent, atau tugas Cowork dengan irama mingguan cukup memberi satu instruksi tambahan ke agen tersebut: tambahkan angka hasil setiap proses ke dasbor Sprucely, alih-alih membiarkannya hilang begitu saja di dalam sesi. Dasbor pun menjadi catatan resmi dari setiap proses yang dijalankan, dan rutinitas Senin cukup “buka tautannya,” bukan “jalankan ulang analisisnya.”

  “Setiap hari Senin, ambil angka revenue dan pipeline minggu lalu, lalu tambahkan ke dasbor KPI Mingguan.”

• Pelaporan klien untuk konsultan, CFO paruh waktu, dan agensi kecil. Daripada membangun ulang slide deck setiap bulan, minta Claude membuat dasbor klien sekali saja lalu menambahkan angka terbaru pada setiap engagement. Karena dasbor ini adalah dasbor Sprucely.io penuh, membagikannya — lewat tautan, email, atau menyematkannya di sebuah laporan — dilakukan dari akun Anda kapan pun Anda memutuskan kliennya perlu melihat pembaruan tersebut; Claude yang mengerjakan analisisnya, bukan yang mengirimkannya.

  “Analisis data klien bulan ini dan tambahkan ke dasbor pelaporan Acme Corp.”

• Tinjauan pipeline penjualan dan deal. Tim revenue melacak total pipeline per tahap dari waktu ke waktu dengan meminta Claude menganalisis ekspor CRM dan menambahkannya ke dasbor pipeline setiap kali sync dilakukan, mengubah snapshot sesaat menjadi tren yang bisa dibuka oleh seluruh tim.

  “Analisis ekspor pipeline minggu ini dan tambahkan total per tahap ke dasbor Tinjauan Pipeline.”

• Pelacakan tren dukungan dan operasional. Pemimpin tim support dan ops menggunakan pola yang sama untuk volume tiket, waktu respons, atau kepatuhan SLA — sebuah dasbor yang terus berjalan dan bertambah dengan setiap ekspor data, tanpa perlu memelihara spreadsheet secara manual.

  “Rangkum tiket dukungan minggu ini per kategori dan tambahkan jumlahnya ke dasbor Tren Dukungan.”

• Performa kampanye marketing. Marketer dan agensi menambahkan hasil kampanye setelah setiap siklus pelaporan — spend, konversi, dan performa kanal — sehingga para stakeholder melihat keseluruhan perjalanan kampanye, bukan hanya snapshot terakhirnya.

  “Analisis data performa kampanye ini dan tambahkan ke dasbor Kampanye Q3.”

Kesamaan dari semua contoh ini: dasbor interaktif dan tool penambahan data sudah ada dan berfungsi sejak sekarang. Pengulangannya berasal dari irama Anda sendiri — agen Claude terjadwal, atau sekadar bertanya lagi minggu depan — bukan dari sesuatu yang dijadwalkan oleh Sprucely.io atas nama Anda.

Membagikan dan Menyematkan Dasbor Anda

Minta Claude membagikan dasbornya, dan Anda akan menerima tautan tampilan yang bisa langsung dikirim ke klien atau kolega. Siapa pun yang memegang tautan dasbor tersebut dapat membukanya di browser — tanpa akun, tanpa login, di perangkat apa pun. Pemirsa mendapatkan pengalaman interaktif sepenuhnya, termasuk cross-filtering pada grafik multi-dimensi.

Dari akun Sprucely.io Anda, dasbor juga dapat langsung dikirim lewat email ke penerima, dan fitur berbagi bisa dimatikan kembali kapan saja. Instruksi berbagi langkah demi langkah tersedia di panduan cara membuat dashboard dari Excel kami.

Selain lewat tautan, dasbor juga dapat disematkan di mana pun audiens Anda sudah beraktivitas: di situs web yang menghadap pelanggan lewat iframe, di presentasi PowerPoint, serta di Google Docs dan Slides lewat add-on yang tercantum di halaman konektor kami.

Paket dan Batasan

Konektor ini berfungsi di semua paket — tidak ada batasan tingkatan pada fitur itu sendiri. Satu-satunya hal yang mengikuti skala paket Anda adalah penyimpanan dataset: penggunaannya diukur terhadap kuota paket Anda, dan konektor akan melaporkan dengan jelas sisa ruang yang tersedia jika sebuah dataset berpotensi melebihi kuota tersebut. Anda dapat membuat kunci MCP API dan masuk dengan akun Anda pada paket apa pun, termasuk paket gratis, tanpa batasan jumlah kunci. Lihat harga untuk kuota penyimpanan dan detail paket terkini.

Kesimpulan

Claude yang mengerjakan analisisnya; Sprucely.io yang mengubahnya menjadi dasbor interaktif yang persisten dan dapat dibuka klien serta eksekutif Anda dari sebuah tautan atau email — tanpa akun Claude, tanpa login, dan tanpa menghabiskan kuota penggunaan Claude Anda untuk para pemirsa. Hubungkan keduanya sekali saja, dan sebuah insight yang muncul dari percakapan pun berubah menjadi dasbor yang bisa Anda kirim, sematkan, dan terus kembangkan.

Tambahkan konektor Sprucely.io di pengaturan Claude dengan endpoint https://www.sprucely.io/mcp, atau dari Claude Code dengan claude mcp add. Setelah itu, minta Claude membuatkan dasbor pertama Anda, sempurnakan di editor jika perlu, lalu bagikan tautannya.

Jika Anda lebih suka membangun dasbor langsung dari file Anda sendiri, panduan cara membuat dashboard dari Excel kami menunjukkan cara mencapai hasil yang sama tanpa Claude, dan panduan dashboard PowerPoint menunjukkan cara menyajikan dasbor jadi tersebut di dalam slide Anda. Untuk gambaran umum kedua jalur ini, lihat generator dashboard AI.

Daftar gratis dengan Sprucely.io untuk memulai. Anda juga dapat melihat panduan memulai kami atau membandingkan paket berlangganan terlebih dahulu.

Artikel ini pertama kali diterbitkan pada 28 Juli 2026.

Pertanyaan yang Sering Diajukan

Bagaimana cara menghubungkan Claude atau Claude Code ke server MCP Sprucely.io?

Di Claude (versi web atau aplikasi desktop), buka Settings, lalu Connectors, pilih Add custom connector, dan tempelkan https://www.sprucely.io/mcp. Claude akan membuka halaman masuk Sprucely.io tempat Anda bisa masuk atau membuat akun gratis. Di Claude Code, jalankan claude mcp add --transport http sprucely https://www.sprucely.io/mcp dan lakukan autentikasi saat diminta.

Apa bedanya dasbor Sprucely.io dengan grafik di dalam percakapan Claude?

Persistensi dan jangkauan. Grafik di dalam percakapan hanya melekat pada percakapan itu; dasbor yang dibuat lewat konektor MCP dihosting di URL yang stabil, tetap ada lintas sesi, bisa ditambahkan datanya oleh proses berikutnya, dan bisa dibuka oleh orang tanpa akun Claude sekalipun — tanpa menghabiskan kuota penggunaan Claude Anda sedikit pun.

Apakah orang yang saya bagikan dasbornya perlu memiliki akun Claude atau Sprucely.io?

Tidak. Siapa pun yang memegang tautan tampilannya dapat membuka dasbor interaktif tersebut di browser — tanpa akun Claude, tanpa login Sprucely.io, tanpa instalasi perangkat lunak apa pun, di perangkat apa pun. Anda juga bisa mengirim dasbornya lewat email dari akun Anda, dan mematikan fitur berbagi itu kembali kapan saja.

Jenis grafik dan batasan dataset apa saja yang didukung konektor ini?

Enam jenis grafik — bar, line, area, dot (scatter), cell (heatmap), dan hexbin — lengkap dengan agregasi (sum, average, count, median, min, max, standard deviation) dan pengelompokan berbasis waktu untuk kolom tanggal.satu dataset mendukung jutaan catatan pada paket berbayar, dan satu kali panggilan membawa hingga 50.000 baris; untuk dataset yang lebih besar, Claude menambahkannya secara otomatis lewat panggilan-panggilan susulan.

Apakah sebuah dasbor bisa memperbarui dirinya sendiri setelah dibuat?

Tidak dengan sendirinya. Dasbor yang dibuat Claude tetap seperti kondisi saat pertama kali dibuat — datanya hanya berubah ketika ada panggilan konektor berikutnya yang menambahkan baris baru, dan inilah persis yang bisa dilakukan agen Claude terjadwal setiap kali dijalankan, sehingga tautan bersama yang sama tetap yang terbaru. Secara terpisah, editor Sprucely.io mendukung menautkan dasbor ke sebuah URL yang diambil ulang setiap kali dilihat, tetapi ini dikonfigurasi langsung di editor, bukan lewat Claude.

Apakah konektor MCP ini berfungsi di paket gratis?

Ya. Konektor ini berfungsi di semua paket tanpa batasan tingkatan pada fiturnya; hanya penyimpanan dataset yang diukur terhadap kuota paket Anda. Anda dapat masuk dengan akun Anda atau membuat kunci MCP API tanpa batas jumlah pada paket apa pun, termasuk paket gratis. Lihat halaman harga untuk kuota penyimpanan.

Bisakah Claude mengirim dasbor ke klien saya secara otomatis?

Belum bisa langsung dari Claude saat ini. Claude membuat dan mengembangkan dasbornya; mengirimkannya — lewat tautan atau email — dilakukan dari akun Sprucely.io Anda kapan pun Anda memutuskan, sehingga tidak ada yang terkirim ke klien tanpa keputusan Anda lebih dulu. Ini adalah pola yang sama dengan yang digunakan untuk pelaporan klien mingguan, tinjauan pipeline penjualan, dan kasus penggunaan berulang lainnya.

Bisakah saya menggunakan Claude sebagai agen AI untuk analisis data?

Ya — justru pola itulah yang menjadi dasar konektor ini dibangun. Claude melakukan analisis datanya dalam sebuah percakapan atau proses terjadwal, dan Sprucely.io memberinya alat penyaluran: hasil analisis menjadi dasbor interaktif yang dihosting dan dibuka oleh peninjau manusia lewat sebuah tautan. Tim yang menjalankan beberapa agen AI untuk analisis data dapat memberi setiap agen kunci MCP API-nya sendiri, sehingga setiap agen membuat dan menambahkan data ke dasbor di akun yang tepat.

Apakah Sprucely.io termasuk salah satu server MCP terbaik untuk Claude Code?

Untuk alur kerja yang perlu menyerahkan hasilnya ke seseorang di luar terminal, ya — ini salah satu dari sedikit server MCP untuk Claude Code yang memang dibangun khusus untuk mengubah output menjadi dasbor yang dihosting dan siap dibagikan, bukan sekadar teks di dalam sesi. Tambahkan dengan claude mcp add --transport http sprucely https://www.sprucely.io/mcp.