Kiat dan trik untuk Plotly Bar Chart – Menuju AI — Teknologi, Sains, dan Teknik Terbaik

Pengarang: Kashish Rastogi

Visualisasi data

Panduan langkah demi langkah untuk Bagan Batang dan membuat visualisasi yang menakjubkan. Tips dan trik untuk mempermudah pekerjaan Anda.

Gambar oleh: https://www.linkedin.com/in/kashish-rastogi-3a8b4119aGambar oleh: https://www.linkedin.com/in/kashish-rastogi-3a8b4119a

Anda tidak pernah tahu bahwa Anda membutuhkan Plotly! Plotly seperti cokelat untuk visualisasi Anda tidak bisa mendapatkan cukup itu. Perpustakaan terbaik memiliki grafik interaksi pengguna terbaik.

Di sini saya akan berbicara tentang berbagai jenis diagram batang di Plotly. Data diambil dari Kaggle dan seluruh buku catatan tersedia di sini.

Ide di balik pembuatan grafik.

Bagaimana Anda menampilkan data memiliki kekuatan lebih dari bagan apa pun yang Anda gunakan, tetapi bagan yang tepat juga sangat penting.

Mari kita mulai!

Data

Ide untuk membuat grafik adalah untuk menampilkan program mana; Acara TV atau Film memiliki peringkat tertinggi di Netflix.

Data untuk membuat grafik

Plot Pertama

Memplot bagan batang bertumpuk untuk perbandingan antara Acara TV dan Film. Bagan ini memberi tahu kita bahwa pemirsa Netflix lebih suka menonton film daripada Acara TV. Peringkat tertinggi diberikan untuk Film dan Acara TV yang memiliki tag TV-MA yang memberi tahu kami bahwa sebagian besar konten di Netflix adalah untuk pemirsa dewasa dan bukan untuk usia 17 tahun ke bawah.

Kode:

ara = px.histogram(df, y=’rating’, color=’type’)
Bagan Batang Bertumpuk — Plotly

Saya cukup puas dengan grafik batang Stacked tetapi tidak mudah untuk mencari acara TV di grafik. Terkadang jumlah Acara TV sangat sedikit sehingga meskipun nilai Acara TV ada di grafik pada pandangan pertama saya dari grafik, saya tidak dapat melihatnya.

Jangan khawatir kami juga punya pilihan lain.

Bagan Batang Grup

kode:

fig = px.histogram(df, y=’rating’, color=’type’, barmode=’group’)
Bagan Batang Grup — Plotly

Sekarang saya dapat dengan jelas melihat dan membandingkan Acara TV dan Film untuk Peringkat. Ini terlihat cukup elegan sekarang tetapi di TV Show ‘R’ rating memiliki nilai yang sangat kecil dan, ‘PG-13’, ‘PG’, dll tidak memiliki nilai apapun. Penonton mungkin tidak melihat informasi ini karena nilainya sangat rendah. Apakah menurut Anda ada grafik lain yang lebih cocok dari ini? Mari kita cari tahu.

Bagan batang dua arah

Bagan Batang Dua Arah — Plotly

Ini adalah bagan terbaik hingga saat ini mudah untuk membandingkan Acara TV dan Film vs Rating.

Kode:

# membuat salinan df
dff = df.copy() #1. membuat df satu untuk acara tv dengan rating
df_tv_show = dff[dff[‘type’]==’Acara TV’][[‘rating’, ‘type’]].rename(columns={‘type’:’tv_show’}) # membuat df untuk film dengan rating
df_movie = dff[dff[‘type’]==’Film’][[‘rating’, ‘type’]].rename(columns={‘type’:’movie’})

Membuat bingkai data untuk setiap Acara TV dan Film dengan Rating.

Memilih data yang memiliki Type= TV Show dengan rating dan mengganti nama kolom menjadi ‘tv_show’. df_tv_show terlihat seperti ini

Bingkai Data df_tv_show

Memilih data yang memiliki Type= Movie dengan rating dan mengganti nama kolom menjadi ‘movie’. df_movie terlihat seperti ini

Bingkai Data df_movie

Sekarang mari kita cari tahu jumlah 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’]
# membuat nilai kolom penilaian menjadi negatif
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 hitungan nilai rating, ubah nama kolom menjadi tv_show. Kami ingin membuat bagan Bidirectional Bar sehingga salah satu ‘tipe’ harus menetapkan nilai peringkat pada sumbu x negatif. Mari kita buat kolom baru rating_final dimana kalikan (-1) dengan nilai awal rating.

Data terlihat seperti ini untuk df_tv_show.

Setelah mengetahui hitungan nilai rating, ubah nama kolom menjadi film. Data terlihat seperti ini untuk df_movie.

Semua preprocessing dilakukan.

Mari kita buat Bagan Batang Dua Arah

Kode:

ara = make_subplots(baris=1, cols=2, spesifikasi=[[{}, {}]], shared_yaxes=Benar, horizontal_spacing=0) # plot batang untuk acara tv
fig.append_trace(go.Bar(x=df_tv_show.rating, y=df_tv_show.tv_show,
orientasi=’h’, showlegend=Benar,
teks=df_tv_show.rating_final,
nama=’Acara TV’,
marker_color=’#221f1f’), 1, 1) # plot batang untuk film
fig.append_trace(go.Bar(x=df_movie.rating, y=df_movie.movie,
orientasi=’h’, showlegend=Benar,
teks=df_movie.rating,
nama=’Film’, marker_color=’#b20710′), 1, 2)

Membuat 2 subplot bar chart satu bar chart memiliki df_tv_show dan satu lagi dengan df_movie.

Parameter:

shared_yaxis= Benar: Untuk membuat diagram batang dua arah; bagan batang perlu berbagi sumbu y horizontal_spacing=0: Spasi antara kedua bagan batang harus 0. Jika Anda ingin spasi di antara 2 bagan batang, tentukan nilai dalam parameter ini. orientasi: Kita dapat melihat diagram batang dalam dua bentuk, satu horizontal dan lainnya adalah teks vertikal: Nilai yang kita lihat pada batang ditampilkan dengan parameter ‘teks’. name: Ini akan menentukan nama legenda (Film, Acara TV) marker_color: Anda dapat menentukan warna apa pun yang Anda inginkan untuk bilah.

Untuk detail lebih lanjut dalam parameter, lihat blog ini.

Ini adalah parameter tambahan agar grafik batang terlihat lebih menarik.

fig.update_xaxes(showgrid=False)
fig.update_yaxes(showgrid=False, categoryorder=’total ascending’,
ticksuffix=’ ‘, showline=False) fig.update_traces(hovertemplate=None) fig.update_layout(title=’Mana yang memiliki acara TV atau Film dengan rating tertinggi?’,
margin=dict(t=80, b=0, l=70, r=40),
hovermode=”y bersatu”,
xaxis_title=’ ‘, yaxis_title=” “,
plot_bgcolor=’#333′, kertas_bgcolor=’#333′,
title_font=dict(ukuran=25, warna=’#8a8d93′,
keluarga = “Lato, sans-serif”),
font=dict(color=’#8a8d93′),
legenda=dict(orientasi=”h”, yanchor=”bawah”,
y = 1, xanchor = “pusat”, x = 0,5),
hoverlabel=dict(bgcolor=”hitam”, font_size=13,
font_family=”Lato, sans-serif”)) fig.add_annotation(dict(x=0.81, y=0.6, ax=0, ay=0,
xref = “kertas”, yref = “kertas”,
text= “97% orang lebih suka Film daripada Acara TV di Netflix.
Banyak orang menonton TV-MA rating
Film yang ditujukan untuk pemirsa dewasa.”
)) fig.add_annotation(dict(x=0.2, y=0.2, ax=0, ay=0,
xref = “kertas”, yref = “kertas”,
text= “3% orang lebih menyukai Acara TV di Netflix.
Tidak ada konten yang tidak pantas untuk
usia 17 tahun ke bawah di Acara TV.”
)) # plot batang untuk film
fig.append_trace(go.Bar(x=df_movie.rating, y=df_movie.movie, orientation=’h’, showlegend=True, text=df_movie.rating,
nama=’Film’, marker_color=’#b20710′), 1, 2)
fig.update_xaxes(showgrid=False)
fig.update_yaxes(showgrid=False, categoryorder=’total ascending’, ticksuffix=’ ‘, showline=False)
fig.update_traces(hovertemplate=Tidak ada)
fig.update_layout(title=’Mana yang memiliki acara TV atau Film dengan rating tertinggi?’,
margin=dict(t=80, b=0, l=70, r=40),
hovermode=”y bersatu”,
xaxis_title=’ ‘, yaxis_title=” “,
plot_bgcolor=’#333′, kertas_bgcolor=’#333′,
title_font=dict(size=25, color=’#8a8d93′, family=”Lato, sans-serif”),
font=dict(color=’#8a8d93′),
legenda=dict(orientasi=”h”, yanchor=”bawah”, y=1, xanchor=”pusat”, x=0,5),
hoverlabel=dict(bgcolor=”hitam”, font_size=13, font_family=”Lato, sans-serif”))
fig.add_annotation(dict(x=0.81, y=0.6, ax=0, ay=0,
xref = “kertas”, yref = “kertas”,
text= “97% orang lebih suka Film daripada Acara TV di Netflix.
Banyak orang menonton TV-MA rating
Film yang ditujukan untuk pemirsa dewasa.”
))
fig.add_annotation(dict(x=0.2, y=0.2, ax=0, ay=0,
xref = “kertas”, yref = “kertas”,
text= “3% orang lebih menyukai Acara TV di Netflix.
Tidak ada konten yang tidak pantas untuk
usia 17 tahun ke bawah di Acara TV.”
))

Langkah-langkah membuat grafik ini:

Mengubah warna batang pada grafik.

Memilih warna yang sesuai seperti merah dan hitam yang ada di logo Netflix. Anda dapat memilih warna apa saja yang Anda inginkan tetapi pilih warna kontras ketika Anda memiliki grafik yang membutuhkan perbandingan seperti grafik di atas.

Mengatur warna latar belakang grafik.

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. Kita dapat dengan mudah membedakan bilah dan latar belakang.

Memberikan Judul yang sesuai untuk bagan.

Sebagian besar waktu orang menggunakan judul yang sangat mendasar seperti ‘Tipe vs Peringkat’ judul ini tidak salah tetapi memiliki Judul yang secara otomatis memberitahu Anda tentang grafik adalah langkah yang sangat penting. Judul yang kami gunakan di sini adalah ‘Manakah Acara TV atau Film dengan Rating tertinggi di Netflix?’ Judul ini secara otomatis memberi tahu kita bahwa grafik di bawah ini akan menjadi perbandingan antara Acara TV dan Film untuk Rating dan selain itu juga menyatakan bahwa data yang kita cari berasal dari Netflix.

Menambahkan teks ke bilah

Kapan Anda harus menambahkan teks ke bilah itu tergantung pada kasus penggunaan. Mari kita ambil contoh seperti di grafik di atas ketika kita membandingkan acara TV dan Film dengan Rating. Di Acara TV, rating ‘R’ memang memiliki nilai dan, ‘PG-13’, ‘PG’, dll tidak memiliki nilai apa pun. Audiens mungkin tidak melihat informasi ini karena nilainya sangat kecil, itulah mengapa penting untuk mengatur teks pada bilah. Selain itu, mudah untuk membandingkan bilah berdampingan untuk acara TV dan Peringkat Film Vs.

Menambahkan anotasi ke bagan

Di sini saya telah memberikan informasi seperti 97% penonton lebih memilih Film daripada Acara TV. Meletakkan lebih banyak informasi terkait bagan adalah cara terbaik untuk menyajikan 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 Bilah: Teks di bilah harus selalu lebih kecil dari judul utama bagan. Dengan menggunakan aturan ini, bagan yang Anda buat akan terlihat bagus, Jadi selalu ikuti aturan judul, anotasi, dan teks ini di bilah.

Jika Anda merasa artikel ini bermanfaat, lakukan seperti itu.

Sumber Daya Lainnya:

Grafik balap batang dengan Plotly

Kiat dan trik untuk Plotly Bar Chart awalnya diterbitkan di Towards AI on Medium, di mana orang-orang melanjutkan percakapan dengan menyoroti dan menanggapi cerita ini.

Diterbitkan melalui Menuju AI