Learning Timeline
Key Insights
Kelebihan Animasi Claude vs GPT-4o
Claude 3.5 Sonnet melalui ciri Artifacts mampu menghasilkan visualisasi data dalam bentuk animasi interaktif. Ini adalah fungsi yang tidak dapat dilakukan oleh 'Code Interpreter' atau 'Data Analysis tool' dalam GPT-4o buat masa ini.
Kuasa Prompt Iterasi Ringkas
Prompt 'Make it better' sangat efektif dalam Claude kerana AI akan menilai sendiri kekurangan pada UI/UX semasa dan menambah elemen penting seperti statistik ringkasan (summary stats) atau susun atur yang lebih profesional tanpa perlu arahan teknikal yang panjang lebar.
Penggunaan Mock Data
Jika anda tidak menyediakan data spesifik, Claude akan menjana 'mock data' secara automatik supaya dashboard boleh berfungsi serta-merta sebagai prototaip sebelum anda menghubungkannya dengan API sebenar.
Prompts
Penghasilan Dashboard Awal
Target:
Claude 3.5 Sonnet
Act as a data visualization expert. Create a real-time dashboard to effectively represent the spread of a disease over time across various countries.
Iterasi Penambahbaikan Automatik
Target:
Claude 3.5 Sonnet
Make it better
Step by Step
Membina Dashboard Data Interaktif dengan Claude Artifacts
- Log masuk ke akaun Claude.ai anda dan pastikan model 'Claude 3.5 Sonnet' dipilih.
- Masukkan prompt ke dalam kotak chat untuk meminta Claude bertindak sebagai pakar visualisasi data (rujuk Prompt Card di bawah).
- Tekan Enter dan tunggu sehingga Claude menjana kod dan memaparkan tetingkap 'Artifacts' di bahagian kanan skrin.
- Klik pada tab 'Preview' di dalam tetingkap Artifacts untuk melihat dashboard interaktif yang telah siap.
- Gunakan elemen interaktif seperti dropdown negara atau butang simulasi untuk melihat perubahan data secara real-time.
- Untuk menambah baik hasil, taip prompt follow-up 'Make it better' di dalam kotak chat.
- Claude akan secara automatik menganalisis konteks visualisasi sedia ada dan menjana versi dashboard yang lebih padat dengan maklumat tambahan di bahagian atas.
