Panduan Membuat Dashboard Visualisasi Data yang Interaktif? Artavista sebagai perusahaan yang befokus memberikan pelatihan atau training visualisasi data, tertantang untuk ikut serta dalam challenge berkelas internasional. Beberapa hari lalu, kami mengikuti challenge membuat dashboard visualisasi data yang diadakan oleh Maven Analytics, perusahaan Amerika Serikat yang berfokus memberikan pelatihan visualisasi data secara online. Challenge kali ini, mengusung topik ajang balapan yang sedang trending yaitu Tour De France.

Artikel kali ini, mengulas panduan membuat Dashboard Visualisasi Data yang Interaktif dengan studi kasus ajang kompetisi balapan Tour De France. Yuk langsung saja kita simak caranya!

Artavista Mengikuti Kompetisi Membuat Dashboard Tour De France

Sebelum lanjut, kita simak dulu sekilas tentang kompetisi membuat dashboard Tour De France.

Tour de France adalah salah satu acara olahraga balapan sepeda yang paling banyak ditonton di dunia dan telah menjadi bagian dari budaya Prancis sejak tahun 1903. Sebagian besar penontonnya berasal dari negara-negara Eropa. Namun, tidak menutup kemungkinan penontonnya berasal dari seluruh dunia, termasuk Indonesia. Menarik bukan?

Nah, di bidang Visualisasi Data diadakan Kompetisi Membuat Dashboard “Tour de France” yang mengajak seluruh masyarakat dunia berperan sebagai pakar Visualisasi Data. Apa yang dilakukan para peserta ini? Para peserta ditantang untuk menciptakan dashboard yang menarik, informatif dan interaktif berdasarkan data balapan Tour De France mulai tahun 1903 hingga 2022.

Panduan Lengkap Membuat Dashboard Visualisasi Data yang Interaktif

Tujuan dari kompetisi ini adalah untuk menampilkan data Tour de France secara kreatif dan efektif agar mudah dipahami dan menarik audiens. Dashboard ini dibuat menggunakan Tableau Prep, Tableau Desktop dan Figma, yang terdiri dari 3 tab : Ikhtisar, Tim Kinerja dan Analisis, guna memberikan analisis komprehensif tentang balapan sepeda Tour de France yang ikonik. Nah inilah langkah-langkah membuat Dashboard Tour De France:

1. Download Data

Langkah yang paling awal saat akan membuat visualisasi data adalah mengumpulkan data. Kali ini data yang kita butuhkan telah disediakan di website Maven Analytics. Kalau Teman Artavista mau belajar membuat visualisasi data, bisa juga download di sini ya!

Data yang disediakan berisi tentang historis setiap Tour de France mulai tahun 1903 hingga 2022. Kamu akan mendapatkan data yang berisi informasi kompleks terkait: stages, tours, finishers dan winners berformat CSV.

2. Membersihkan Data dengan Tableau Prep

Setelah kita download data, langkah selanjutnya yaitu membersihkan dan menyiapkan data. Tools yang kita gunakan yaitu Tableau Prep. Oh iya, Teman Artavista sudah tahu tools yang satu ini belum?

Tableau Prep Builder adalah salah satu tools dalam paket produk Tableau yang dirancang untuk mempersiapkan data menjadi lebih mudah dan intuitif. Tools ini akan membantu Anda untuk membersihkan, merapikan dan mempersiapkan data sebelum digunakan dalam analisa dan visualisasi menggunakan Tableau Desktop atau tools analisis data lainnya.

Coba kita lihat, data yang kita dapatkan dalam format CSV terdapat empat file, dimana tiap filenya berjumlah ribuan baris. Dengan bantuan Tableau Prep, proses persiapan dan pembersihan data menjadi lebih mudah dan cepat. Kalau data sudah bersih dan rapi, maka hasil analisanya lebih akurat.

3. Membuat Visualisasi Data di Tableau Desktop

Setelah data dirapikan dan dibersikan, sekarang mari kita impor data ke Tableau Desktop. Berikut langkah-langkah visualisasi data yang kami lakukan:

• Memahami Data: Setelah data dibersihkan dan diimpor, langkah pertama yang kami lakukan yaitu memahami struktur dan isi data secara keseluruhan. Teman Artavista bisa periksa kolom dan tipe datanya.
• Drag and Drop: Untuk membuat visualisasi data, cukup seret dan lepaskan (drag and drop) kolom-kolom data ke area yang sesuai di jendela Tableau. Sebagai contoh, kita ingin membuat visualisasi dari peserta yang berhasil menyelesaikan turnamen, drag and drop tabel tdf_finisher pada bagian kolom dan rider’s country pada bagian baris. Sehingga akan ditampilkan, jumlah peserta yang berhasil pada tiap negara yang mengikuti turnamen ini.
• Pilih Jenis Visualisasi yang Sesuai: Setelah Anda drag and drop kolom pada tempat yang sesuai, secara default Tableau akan menampilkan chart default.  Namun, Anda perlu meyesuaikannya dengan tujuan visualisasi data. Artikel sebelumnya, kita sudah mengulas Jenis Visualisasi Data dan Tips Membuat Visualisasi Data yang Menarik. Silakan Teman Artavista kunjungi untuk mendapatkan insight!
• Gunakan Filter dan Parameter: Tidak semua data yang ada perlu ditampilan dalam satu waktu. Anda bisa menggunakan fitur filter untuk menampilkan data berdasarkan kriteria tertentu. Pada contoh visualisasi data di atas, kita menampilkan data dengan filter berdasarkan tahun.
• Buat Dashboard: Bila ingin menggabungkan beberapa visualisasi menjadi satu tampilan, Anda bisa membuat dashboard.

4. Membuat Design Dashboard dengan Figma

Setelah menganalisa dan membuat visualisasi data di tableau, sekarang mari kita buat design dashboard dengan Figma. Berikut langkah-langkah yang kami lakukan dalam membuat design dashboard di Figma:

• Langkah pertama, kita buat sketsa visualisasi data dengan figma. Saat membuatnya, kita harus mempertimbangkan elemen, grafik, atau data lainnya yang perlu dihadirkan dalam design dashboard.
• Selanjutnya, mari kita buat frame utama. Nah, frame ini sebagai kontainer (tempat) bagi design dashboard yang kita buat.
• Membuat surface untuk Langkah-langkah membuatnya bisa Anda kunjungi di artikel kami sebelumnya Kombinasi Visualisasi Data dengan Tableau dan Figma
• Tambahkan elemen visual lain mulai dari text, shape dan icon.
• Setelah semua selesai, mari kita periksa kembali dan revisi bila ada yang kurang tepat. Anda bisa memeriksa, apakah design tersebut sudah sesuai dengan tujuan audiens anda, bagaimana layout secara keseluruhan, manakah elemen yang dijadikan fokus utama saat pertama kali melihat design dan banyak pertimbangan lainnya. Oh iya, Teman Artavista bisa juga kunjungi artikel Tips Membuat Visualisasi Data yang Efektif dan Contoh, buat dapatkan insight.

5. Publish ke Tableau Public atau Tableau Server

Dalam pengerjaan Dashboard Tour De France ini, kami mengombinasikan tiga tools yaitu: Tableau Prep, Tableau dan Figma. Bagaimana sejauh ini Teman Artavista apa sudah menyelesaikan design dashboardnya di Figma?

Setelah menyelesaikan design dashboard di Figma, silakan Anda ekspor gambar dengan format png. Setelah itu, upload gambar hasil design dashboard di Tableau. Lalu intergrasikan keduanya. Anda tinggal drag and drop angka, grafik dan elemen lainnya yang telah anda buat di Tableau untuk menyesuaikannya.

Langkah terakhir publikasikan hasil karya Visualisasi Data Anda di Tableau Public atau Tableau Server.

Artavista juga mempublikasikan berbagai hasil visualisasi data yang pernah kita buat dalam berbagai project, training dan challenge di sana loh. Silakan mampir buat dapatkan insight!

Nah, itulah artikel terkait Tour de France: Panduan Membuat Dashboard Visualisasi Data yang Interaktif. Semoga menambah insight bagi Anda. Bila teman Artavista, tertarik dan ingin membuat dashboard seperti di atas, bisa ikuti pelatihan visualisasi data bersama kami. Atau kalau data perusahaan Anda ingin ditampilkan dengan menarik namun tidak punya banyak waktu, kami merekomendasikan gunakan Jasa Visualisasi Data Artavista.

Referensi:
Tableau Prep
Maven Analytics