Plotly Interactive Charts
📘 ইন্টারঅ্যাক্টিভ ওয়েব চার্ট।
🌐 Interactive web charts.
📈
1
ধারণা · Concept
কী এবং কেন📘 বাংলা ব্যাখ্যা:
ইন্টারঅ্যাক্টিভ ওয়েব চার্ট।
ইন্টারঅ্যাক্টিভ ওয়েব চার্ট।
🌐 English:
Interactive web charts.
Interactive web charts.
🗂 কোথায় পড়ে
২. ডেটা বিশ্লেষণ → ডেটা ভিজ্যুয়ালাইজেশন → Plotly Interactive Charts
🎯 এই শাখার লক্ষ্য
Choose correct charts, build interactive plots
🧰 টুলস
Matplotlib, Seaborn, Plotly
🪜
ধাপে ধাপে শিখুন · Step-by-step
কেন শিখবেন → কীভাবে শিখবেন → উদাহরণ → সাধারণ ভুল💡 কেন গুরুত্বপূর্ণ?
ওয়েব ড্যাশবোর্ড ও রিপোর্টে হোভার, জুম, ফিল্টার দরকার।
- ধাপ 1import plotly.express as px
- ধাপ 2px.line, px.bar, px.scatter(df, x, y, color, size, hover_data)
- ধাপ 3px.choropleth / px.scatter_mapbox দিয়ে মানচিত্র
- ধাপ 4fig.write_html("chart.html") দিয়ে ওয়েবে শেয়ার
🧪 বাস্তব উদাহরণ
px.scatter(df, x="gdp", y="life_exp", size="pop", animation_frame="year") — সময়ের সাথে অ্যানিমেশন।
⚠️ সাধারণ ভুল
হাজার হাজার পয়েন্টে SVG রেন্ডার—ধীর; render_mode="webgl" দিন।
🔑 মূল শব্দ (Key terms)
plotlyinteractivehoverchoroplethanimation
3
সাব-টপিক ও বিস্তারিত · Sub-topics
টপিক → সাব-টপিক → সাব-সাব টপিক3.1 plotly.express3.1.1 px.scatter3.1.2 px.line
3.2 হোভার ও জুম3.2.1 ইন্টারঅ্যাক্টিভিটি
3.3 মানচিত্র3.3.1 px.choropleth
🎬
ভিডিও · Videos (বাংলা ও English)
ক্লিক করলে সাইটের ভেতরেই ফ্লোটিং প্লেয়ারে চলবে · ভিডিও MySQL-এ সংরক্ষিত📺 আরও খুঁজুন
💻
হাতে-কলমে · Try it (Data Visualization)
এডিট করে Run চাপুন · Ctrl+Enterimport matplotlib.pyplot as plt, numpy as np
np.random.seed(1); x=np.random.normal(0,1,500)
fig,ax=plt.subplots(1,3,figsize=(12,3.5))
ax[0].hist(x,bins=30,color="#6d28d9"); ax[0].set_title("Histogram")
ax[1].boxplot([x,x*2+1]); ax[1].set_title("Boxplot")
ax[2].scatter(x,x*0.8+np.random.normal(0,.5,500),alpha=.4,c="#ec4899"); ax[2].set_title("Scatter")
plt.tight_layout(); plt.show()❓
সেল্ফ-চেক · Self check
1. “px.scatter, px.line” — এটি কোন সাব-টপিকের বর্ণনা?
2. “ইন্টারঅ্যাক্টিভিটি” — এটি কোন সাব-টপিকের বর্ণনা?
3. “px.choropleth” — এটি কোন সাব-টপিকের বর্ণনা?
🔗