Alien Art Charts Alien Art Charts

Chart MCP dari Alien Art

Biarkan Claude, ChatGPT, atau Cursor membuatkan video grafik animasi untuk Anda. Tempel satu URL, beri izin lewat OAuth, dan asisten AI Anda bisa membuat proyek yang dapat diedit, mengunggah spreadsheet, serta merender video MP4/WebM atau gambar PNG/JPEG/WebP — semuanya lewat tool call.

Satu-satunya MCP grafik yang menghasilkan animasi, video, dan proyek yang bisa diedit, bukan sekadar gambar statis.

Cara memasang ↓

Apa itu Alien Art Charts MCP?

Alien Art Charts MCP adalah server Model Context Protocol jarak jauh yang di-host di https://staging.alienart.io/mcp. Server ini menyediakan editor grafik Alien Art sebagai sekumpulan tool yang bisa dipanggil oleh klien AI mana pun yang kompatibel dengan MCP:

  • Membuat proyek grafik (bar chart race, grafik garis, peta, tabel peringkat, slideshow, perbandingan)
  • Mengunggah data spreadsheet (CSV / XLSX) atau mengisi nilai sel demi sel
  • Menambahkan lapisan dan elemen overlay (judul, gambar, total, bendera, logo)
  • Merender hasilnya sebagai video MP4 / WebM, gambar PNG / JPEG / WebP, atau URL iframe yang di-host
  • Menjaga proyek tetap bisa diedit di aplikasi web sesudahnya

Terhubung via Streamable HTTP. Autentikasi: OAuth. Memerlukan paket Pro.

Contoh langsung

Contoh grafik yang dibuat lewat MCP

Bar chart race yang dibuat dari satu prompt AI — MP4 60 fps + URL proyek yang bisa diedit.

Salin proyek ini

Apa saja yang bisa dibuat asisten AI Anda

Prompt nyata yang bisa diselesaikan asisten AI Anda dari awal sampai akhir — dari data mentah hingga grafik jadi yang siap dibagikan.

Prompt

“Buat bar chart race orang terkaya di dunia dari 2010 sampai 2024 pakai CSV ini.”

Hasil

MP4 animasi 60 fps plus proyek Alien Art yang bisa diedit. Anda mendapatkan file video sekaligus tautan untuk terus menyempurnakannya.

Prompt

“Buat peta dunia animasi yang menunjukkan emisi CO₂ tiap negara, 1990 sampai 2023.”

Hasil

Peta animasi dengan warna negara sesuai nilainya dan panel peringkat di samping yang bergerak serempak. Memakai dataset publik jika Anda tidak menyediakannya.

Prompt

“Saya punya klasemen musim lalu dalam XLSX — ubah jadi tabel peringkat dengan logo tim.”

Hasil

Tabel peringkat animasi dengan baris multikolom, urutan yang berubah secara animasi, dan logo di setiap baris yang diunggah otomatis.

Prompt

“Bandingkan spesifikasi iPhone dan Pixel berdampingan dalam video penjelasan animasi.”

Hasil

Tata letak perbandingan dengan kemunculan bertahap, warna merek, dan gaya rapi ala presentasi eksekutif. Bisa diekspor ke video atau sebagai iframe yang di-host.

Prompt

“Render PNG yang rapi tentang populasi negara bagian AS untuk halaman Notion saya.”

Hasil

PNG beresolusi tinggi (atau JPEG/WebP) yang bisa langsung dimasukkan ke Notion, slide, atau dokumen. Proyek yang sama, ekspor statis.

Prompt

“Buat intro TikTok 15 detik yang menganimasikan 10 kemenangan klien terbesar kami kuartal ini.”

Hasil

Slideshow vertikal 9:16 dengan judul bermerek dan tempo yang pas untuk platformnya. WebM atau MP4 siap diunggah.

Tool MCP yang bisa dipanggil asisten Anda

Kumpulan tool yang ringkas — bukan 50 aksi kecil, hanya kata kerja yang sesuai dengan “buat grafik dari data”.

Jelajahi

list_chart_options
Telusuri jenis proyek, jenis lapisan, jalur peta, peta wilayah, dan katalog elemen.
list_charts
Tampilkan daftar proyek grafik milik pengguna, lengkap dengan filter dan pencarian.
get_chart
Baca seluruh status proyek: lapisan, elemen, spreadsheet, URL render.

Buat

create_chart
Buat proyek baru: bar chart race, grafik garis, peta, tabel peringkat, slideshow, perbandingan.
add_layer
Tambahkan lapisan grafik atau lapisan visual; lapisan berbasis data otomatis membuat spreadsheet pendukungnya.
update_layer
Sesuaikan pengaturan lapisan — warna, font, kecepatan animasi, sumbu, peringkat.
set_layer_format
Ganti format grafik sebuah lapisan secara langsung (misalnya batang → garis).
add_element
Tambahkan judul, gambar, total, watermark, logo channel, dan bendera negara di atas grafik.
update_element
Ubah teks, posisi, gaya, atau animasi sebuah elemen.
delete_layer
Hapus lapisan.
delete_element
Hapus elemen overlay.

Data

upload_spreadsheet
Unggah file CSV atau XLSX sebagai sumber data lapisan.
fetch_spreadsheet_file
Ambil tabel Wikipedia atau CSV online langsung ke dalam proyek.
read_spreadsheet
Periksa skema spreadsheet: label baris, judul kolom, jumlah baris.
patch_spreadsheet
Perbarui sel, baris, atau kolom tertentu.
wait_for_spreadsheet_idle
Tunggu sampai pemrosesan di latar belakang selesai sebelum merender.

Pustaka statistik

list_statistics_categories
Telusuri dataset publik pilihan Alien Art (channel YouTube, dan lainnya).
get_statistics_category
Ambil skema dan entri sebuah kategori statistik.
add_statistics
Pasang dataset pilihan sebagai sumber data lapisan.

Edit & render

update_chart
Ganti nama, ubah ukuran, ubah durasi, atur publik/privat.
describe_layer_settings
Ambil skema sebuah jenis lapisan sebelum mengeditnya.
describe_element_settings
Ambil skema sebuah jenis elemen.
render_chart
Mulai proses render. Pilih format: MP4, WebM, WebP animasi untuk video; PNG, JPEG, WebP untuk gambar.
get_task
Cek status render, ambil URL file jadi atau URL sematan yang di-host.

Siap dipakai dalam waktu kurang dari semenit

Tanpa kunci API yang harus dikelola, tanpa server lokal yang harus dijalankan. Autentikasi diurus oleh OAuth.

  1. 1
    Daftar dan dapatkan Pro

    Akses MCP termasuk dalam paket Pro. Buat akun, upgrade ke Pro, dan Anda siap terhubung. Batalkan kapan saja.

  2. 2
    Tambahkan URL MCP ke klien AI Anda

    Di Claude Desktop, ChatGPT, atau Cursor, buka Settings → Connectors → Add custom connector, lalu tempel: 

    https://staging.alienart.io/mcp
  3. 3
    Beri izin lewat OAuth

    Klien Anda akan mengarahkan ke Alien Art dan meminta izin. Setujui — kini asisten AI bisa membuat proyek, mengunggah data, dan merender grafik lewat tool call.

Petunjuk per klien

Jalur menu yang tepat untuk setiap klien utama yang kompatibel dengan MCP.

Claude Desktop
  1. Buka Claude Desktop → Settings → Connectors → Add custom connector.
  2. Tempel https://staging.alienart.io/mcp sebagai Remote MCP server URL. Biarkan OAuth Client ID dan Secret kosong.
  3. Klik Add. Anda akan diarahkan ke Alien Art untuk memberi izin.
  4. Kembali ke Claude Desktop, minta Claude menampilkan daftar grafik Anda untuk memastikan koneksinya berhasil.

ChatGPT (custom connectors)
  1. Buka ChatGPT → Settings → Connectors → Add custom connector.
  2. Tempel https://staging.alienart.io/mcp sebagai URL server.
  3. Beri izin lewat OAuth saat diarahkan.
  4. Sebut “Alien Art” dalam chat agar ChatGPT memakai connector-nya.

Cursor
  1. Buka Cursor → Settings → Features → MCP → Add new MCP server.
  2. Pilih Streamable HTTP sebagai transport.
  3. Isi URL dengan https://staging.alienart.io/mcp.
  4. Beri izin lewat OAuth saat diarahkan.

Claude Code (CLI)
  1. Di terminal, jalankan:
claude mcp add alienart-charts --transport http --url https://staging.alienart.io/mcp

Saat pertama kali dipakai, Claude Code akan membuka jendela browser untuk OAuth. Setelah memberi izin, minta Claude menampilkan daftar grafik Anda.

Pertanyaan umum

Terakhir diperbarui

Klien AI apa saja yang bisa dipakai dengan Chart MCP Alien Art?

Klien mana pun yang kompatibel dengan MCP dan mendukung server Streamable HTTP jarak jauh. Klien yang sudah terverifikasi antara lain Claude Desktop, Claude Code (CLI), custom connectors ChatGPT, dan Cursor. Server ini memakai Model Context Protocol standar — tanpa kode khusus untuk klien tertentu.

Apakah saya perlu paket berbayar?

Ya — akses MCP termasuk dalam paket Pro ($19/bulan atau $180/tahun, batalkan kapan saja). Pro menghilangkan watermark, membuka ekspor 60 fps, dan memberi Anda menit render bulanan tanpa batas.

Jenis grafik apa saja yang bisa dibuat lewat MCP?

Bar chart race, grafik garis animasi, tabel peringkat animasi, peta animasi (peta dunia plus peta tiap negara), slideshow, dan tata letak perbandingan. Tool list_chart_options mengembalikan daftar resminya, jadi asisten AI Anda selalu memilih jenis yang valid.

Format output apa saja yang didukung?

Video: MP4, WebM, WebP animasi — hingga 60 fps. Gambar: PNG, JPEG, WebP. Di-host: URL publik yang bisa disematkan lewat iframe di situs mana pun. Pilih formatnya saat memanggil render_chart; AI akan menerima URL file jadi atau URL sematan begitu proses render selesai.

Bagaimana cara kerja autentikasinya?

Sepenuhnya lewat OAuth. Klien AI Anda mengarahkan ke Alien Art, Anda menyetujui koneksinya, lalu klien menerima bearer token yang dikirim bersama setiap tool call. Tidak ada kunci API yang perlu disalin, tidak ada secret yang perlu dikelola, tidak ada env var yang perlu diatur. Anda bisa mencabut koneksi kapan saja dari pengaturan akun.

Bisakah AI mengedit proyek saya yang sudah ada?

Bisa. Minta AI menampilkan daftar grafik Anda (list_charts), pilih salah satu, lalu panggil update_chart / update_layer / patch_spreadsheet untuk terus menyempurnakannya. Setiap proyek tersimpan di akun Alien Art Anda — Anda juga bisa membukanya di editor web dan melanjutkannya secara manual.

Apakah render berjalan langsung atau di latar belakang?

Di latar belakang. render_chart mengembalikan ID tugas; get_task terus mengecek sampai render selesai dan mengembalikan URL file. Render singkat selesai dalam hitungan detik; yang lebih panjang bisa memakan waktu satu atau dua menit. Asisten AI akan mengurus pengecekannya untuk Anda.

Bagaimana perbandingannya dengan MCP grafik lain?

Lihat peringkat perbandingan MCP pembuat grafik lengkap untuk perbandingan berdampingan dengan AntV, mcp-echarts, QuickChart, Chart.js, Vega-Lite, Vizro, diagrammo, dan lainnya. Singkatnya: semua MCP grafik lain membungkus library grafik JS yang sudah ada dan menghasilkan gambar statis atau spesifikasi. Alien Art satu-satunya yang menghasilkan animasi, video, dan proyek yang bisa diedit.

Hubungkan asisten AI Anda dalam waktu kurang dari semenit

Daftar, dapatkan Pro, lalu tempel https://staging.alienart.io/mcp ke Claude, ChatGPT, atau Cursor. Sisanya diurus oleh OAuth.

Masih membandingkan pilihan? Lihat peringkat MCP pembuat grafik.