Merencanakan. ly adalah perusahaan yang telah membuat sekumpulan pustaka sumber terbuka untuk membuat grafik dalam bahasa seperti Python, R, dan JavaScript sisi klien. Itu dibangun di atas d3 dan stack yang populer. gl, merender bagan dalam SVG dan WebGL, dan menargetkan kompatibilitas untuk sebagian besar fiturnya sejauh IE 9
Tip PlotSaya telah menemukan bahwa lebih banyak pertanyaan muncul daripada yang dapat dengan mudah dijawab dari plotnya. dokumentasi dan forum js. Jadi saya mengumpulkan serangkaian contoh kecil dan cuplikan kode yang telah membantu saya memecahkan beberapa masalah visualisasi data saya
Masalah #6Beberapa waktu yang lalu saya mengalami masalah saat mencoba memposisikan judul sumbu untuk bagan batang horizontal menggunakan Plotly. js. Pada saat penulisan, Plotly v1. 34. 0 hanya mendukung satu penempatan untuk judul sumbu y. satu baris tersisa dari setiap batang. Untuk label pendek, angka, dan singkatan, ini bukan masalah besar. Namun, saat bekerja dengan kumpulan data di luar kendali Anda, Anda mungkin menemukan judul sumbu kategoris yang sangat panjang
dff = df.copy[]
#1. making a df one for tv show with rating
df_tv_show = dff[dff['type']=='TV Show'][['rating', 'type']].rename[columns={'type':'tv_show'}]
# making a df for movie with rating
df_movie = dff[dff['type']=='Movie'][['rating', 'type']].rename[columns={'type':'movie'}]
Membuat bingkai data untuk setiap Acara TV dan Film dengan Rating
Memilih data yang memiliki Jenis= Acara TV dengan peringkat dan mengganti nama kolom menjadi 'tv_show'. df_tv_show terlihat seperti ini
Memilih data yang memiliki Type= Movie dengan rating dan mengganti nama kolom menjadi 'movie'. df_movie terlihat seperti ini
Sekarang mari kita cari tahu hitungan nilai rating di df_tv_show dan df_movie
# 2.
df_tv_show = df_tv_show.rating.value_counts[]
df_tv_show = pd.DataFrame[df_tv_show].reset_index[].rename[columns={'index':'tv_show'}]
df_tv_show['rating_final'] = df_tv_show['rating']
# making rating column value negative
df_tv_show['rating'] *= -1
df_movie = df_movie.rating.value_counts[]
df_movie = pd.DataFrame[df_movie].reset_index[].rename[columns={'index':'movie'}]
Setelah mengetahui jumlah nilai rating, ganti nama kolom menjadi tv_show. Kami ingin membuat Bidirectional Bar chart jadi salah satu 'type' harus mengatur nilai rating pada sumbu x negatif. Mari buat kolom baru rating_final dengan mengalikan [-1] dengan nilai asli dari rating
Data terlihat seperti ini untuk df_tv_show
Setelah mengetahui jumlah nilai rating, ganti nama kolom menjadi film. Data terlihat seperti ini untuk df_movie
Semua prapemrosesan selesai
Mari kita buat Diagram Batang Dua Arah
Kode
fig = make_subplots[rows=1, cols=2, specs=[[{}, {}]], shared_yaxes=True, horizontal_spacing=0]# bar plot for tv shows
fig.append_trace[go.Bar[x=df_tv_show.rating, y=df_tv_show.tv_show,
orientation='h', showlegend=True,
text=df_tv_show.rating_final,
name='TV Show',
marker_color='#221f1f'], 1, 1]
# bar plot for movies
fig.append_trace[go.Bar[x=df_movie.rating, y=df_movie.movie,
orientation='h', showlegend=True,
text=df_movie.rating,
name='Movie', marker_color='#b20710'], 1, 2]
Membuat 2 subplot diagram batang, satu diagram batang memiliki df_tv_show dan satu lagi dengan df_movie
Parameter
- shared_yaxis= Benar. Untuk membuat diagram batang dua arah;
- horizontal_spacing=0. Spasi antara kedua bagan batang harus 0. Jika Anda menginginkan spasi di antara 2 bagan batang, tentukan nilai dalam parameter ini
- orientasi. Kita dapat melihat diagram batang dalam dua bentuk, satu horizontal dan satu lagi vertikal
- teks. Nilai yang kita lihat di bilah ditampilkan dengan parameter 'teks'
- nama. Itu akan menentukan nama legenda [Film, Acara TV]
- marker_color. Anda dapat menentukan warna apa pun yang Anda inginkan untuk batang
Untuk detail lebih lanjut tentang parameter, lihat blog ini
Ini adalah parameter tambahan untuk membuat grafik batang terlihat lebih menarik
fig = px.histogram[df, y='rating', color='type', barmode='group']0
fig = px.histogram[df, y='rating', color='type', barmode='group']1
fig = px.histogram[df, y='rating', color='type', barmode='group']2
fig = px.histogram[df, y='rating', color='type', barmode='group']3
fig = px.histogram[df, y='rating', color='type', barmode='group']4
fig = px.histogram[df, y='rating', color='type', barmode='group']5
Langkah-langkah untuk membuat bagan ini
Mengubah warna batang di diagram
- Memilih warna yang sesuai seperti merah dan hitam yang ada di logo Netflix. Anda dapat memilih warna apa pun yang Anda inginkan, tetapi pilihlah warna kontras jika Anda memiliki bagan yang memerlukan perbandingan seperti bagan di atas
Menyetel warna latar belakang diagram
- Mengatur latar belakang dan warna bilah harus selalu berbeda seperti dalam hal ini warna bilah untuk Acara TV adalah warna hitam yang lebih gelap dan latar belakang adalah warna hitam yang lebih terang. Kami dapat dengan mudah membedakan bilah dan latar belakang
Memberikan Judul yang sesuai pada bagan
- Sebagian besar orang menggunakan judul yang sangat mendasar seperti 'Jenis vs Peringkat'. Judul ini tidak salah, tetapi memiliki Judul yang secara otomatis memberi tahu Anda tentang bagan adalah langkah yang sangat penting.
- Judul yang kami gunakan di sini adalah 'Acara TV atau Film mana yang memiliki Rating tertinggi di Netflix?' Judul ini secara otomatis memberi tahu kita bahwa bagan di bawah ini akan menjadi perbandingan antara Acara TV dan Film untuk Rating dan selain itu juga menyatakan bahwa data yang
Menambahkan teks ke bar
- Kapan Anda harus menambahkan teks ke bilah, tergantung pada kasus penggunaan
- Mari kita ambil contoh seperti di bagan di atas saat kita membandingkan acara TV dan Film dengan Peringkat. Dalam Acara TV, peringkat 'R' memang memiliki nilai dan, 'PG-13', 'PG', dll tidak memiliki nilai apa pun. Penonton mungkin tidak melihat informasi ini karena nilainya sangat kecil, oleh karena itu penting untuk menyetel teks pada batang
- Selain itu, mudah untuk membandingkan bilah berdampingan untuk acara TV dan Film Vs Rating
Menambahkan anotasi ke diagram
- Di sini saya telah memberikan informasi seperti 97% penonton lebih suka Film daripada Acara TV. Menempatkan lebih banyak informasi terkait bagan adalah cara terbaik untuk menampilkan bagan
Mengatur warna berbeda untuk teks pada bilah, Judul, dan anotasi
- Anda harus selalu mengikuti Aturan ini
- Judul. Font untuk judul harus selalu lebih besar
- Teks di Bar. Teks pada bilah harus selalu lebih kecil dari judul utama bagan
- Dengan menggunakan aturan ini grafik yang Anda buat akan terlihat bagus, Jadi selalu ikuti aturan judul, anotasi, dan teks pada bilah ini
Jika menurut Anda artikel ini bermanfaat, sukailah
Sumber Daya Lainnya
Bagan balap batang dengan Plotly
Tip dan trik untuk Bagan Batang Plotly awalnya diterbitkan di Menuju AI di Medium, di mana orang melanjutkan percakapan dengan menyorot dan menanggapi cerita ini