Bawa Plotly ke level berikutnya dengan Dash. Setelah meninjau sekilas Plotly, Anda akan langsung membangun aplikasi Dash pertama. Lalu, Anda akan merasakan peran HTML dan bagaimana Dash memanfaatkan bahasa penting pengembangan web ini untuk menyusun aplikasi Dash yang lebih besar. Terakhir, Anda akan menggabungkan semuanya dalam dasbor multi-grafik pertama untuk organisasi e-commerce global.

Grafik dan figure Plotly

Grafik garis penjualan per negara

Grafik batang penjualan per negara

Dari Plotly ke Dash

Kode inti app Dash

Penjualan dalam aplikasi Dash

Memposisikan komponen Dash

Menggabungkan HTML dan Dash

Draf dasbor penjualan

Kendalikan elemen dalam aplikasi Dash Anda dengan HTML dan CSS. Pelajari apa masing-masingnya dan bagaimana keduanya menjadi inti pengembangan web modern, lalu terapkan kemampuannya yang kuat dalam aplikasi Dash untuk mengubah ukuran, warna, dan penempatan objek Anda.

HTML di Dash

Menambahkan logo dan catatan

Menambahkan daftar HTML ke Dash

Dasar-dasar CSS di Dash

Memberi Gaya pada aplikasi Dash dengan CSS

Beralih ke Mode Gelap

CSS Lanjutan di Dash

Berlatih penempatan

Dasbor penjualan yang lebih rapi

Mengatur tata letak objek

Menata Gaya Aplikasi Dash

Ubah aplikasi Dash Anda menjadi pengalaman yang digerakkan pengguna dengan menguasai komponen interaktif. Pelajari cara menyertakan dropdown, pemilih tanggal, dan kolom teks bebas untuk memodifikasi elemen pada aplikasi Dash Anda dan membangun dasbor swalayan yang benar-benar dapat dieksplorasi pengguna.

Callback di Dash

Dropdown untuk penjualan per negara

Memperbaiki dasbor yang rusak

Komponen interaktif

Pemilih tanggal untuk data penjualan

Callback pemilih tanggal

Slider untuk data penjualan

Komponen Dash yang Dapat Digunakan Kembali

Menggunakan Kembali Komponen Dash

Penataan komponen Dash secara DRY

Masukan pengguna dalam komponen Dash

Memperbarui judul plot

Menganalisis lokasi pelanggan teratas

Interaktivitas dengan Callback dan Komponen

Manfaatkan sepenuhnya kekuatan interaktivitas aplikasi Dash dengan memicu perubahan pada satu grafik saat pengguna mengeklik atau mengarahkan kursor pada grafik lainnya. Selain itu, Anda akan mempelajari dasar-dasar modul AG Grid di Dash untuk membuat tabel yang mudah difilter, diurutkan, dan dipaginasi; serta dapat memicu perubahan pada grafik lain juga.

Interaktivitas antar elemen

Hasilkan statistik kunci saat hover

Arahkan kursor untuk memperbarui plot lain

Klik untuk memperbarui plot lain

Callback berantai

Opsi dropdown kondisional

Memperluas rantai

Pengenalan Dash AG Grid

Tabel statistik kunci interaktif

Membuat paginasi pada tabel statistik kunci

Meningkatkan dasbor penjualan

Interaktivitas Dash AG Grid

Menerapkan gaya pada tabel statistik kunci

Tabel dasbor penjualan interaktif

Video penutup

Aplikasi Dash Lanjutan

2011 Global e-commerce data

2011 Global e-commerce data (Complete)

Anda tidak memerlukan perangkat lunak vendor yang mahal untuk membuat dasbor kaya wawasan—Anda bisa melakukannya dengan Plotly dan Dash. Ikuti perjalanan ini dan pelajari cara mengubah visualisasi Plotly Anda menjadi dasbor interaktif menggunakan data e-commerce global. Anda akan mempelajari dasar-dasar aplikasi web dan menemukan cara menyusun serta menata gaya dasbor menggunakan HTML dan CSS—membangun portofolio dasbor yang dapat Anda sesuaikan dengan data dan proyek Anda. Siap menghidupkan plot Anda?

Introduction to Data Visualization with Plotly in Python

Data Manipulation with pandas

Pelajari cara membuat dasbor interaktif dan kaya wawasan dengan Dash dan Plotly.

Membangun Dasbor dengan Dash dan Plotly

Pelajari cara membangun dashboard interaktif dan kaya insight dengan Dash dan Plotly.

Visualisasi Data dengan Plotly dan Dash

Data Scientist

Komponen Dash yang dapat digunakan ulang

Kode DRY

Contoh kode DRY

DRY di Dash

Menggunakan ulang komponen

Membuat daftar komponen

Menggunakan ulang gaya

Fungsi styling di Dash

Ayo berlatih!

Interaktivitas dengan Callback dan Komponen - Komponen Dash yang Dapat Digunakan Kembali

Komponen Dash yang Dapat Digunakan Kembali

Create Your Free Account