Plotly তে Slider এবং Dropdown Menu যোগ করা খুবই সহজ এবং এটি ইন্টারেকটিভ ডেটা ভিজুয়ালাইজেশন তৈরি করতে সাহায্য করে। এই উপাদানগুলো ব্যবহারকারীদের গ্রাফের বিভিন্ন অংশের সাথে ইন্টারেকশন করার সুযোগ দেয়। নিচে কিভাবে Slider এবং Dropdown Menu যোগ করা যায় তার বিস্তারিত ব্যাখ্যা দেওয়া হলো।
Slider যোগ করা
Plotly তে Slider যোগ করতে, আপনি sliders ব্যবহার করতে পারেন যা ব্যবহারকারীদের গ্রাফের বিভিন্ন উপাদান পরিবর্তন করতে সহায়তা করে। সাধারণত, এটি এক্স বা ওয়াই ভ্যালু পরিবর্তন করতে ব্যবহৃত হয়। নিচে একটি উদাহরণ দেওয়া হলো যেখানে Slider এর মাধ্যমে এক্স-অক্ষের মান পরিবর্তন করা যাবে।
উদাহরণ: Slider দিয়ে ডেটার পরিবর্তন
import plotly.graph_objects as go
from plotly.subplots import make_subplots
# ডেটা তৈরি
x = [1, 2, 3, 4, 5]
y = [10, 11, 12, 13, 14]
# গ্রাফ তৈরি
fig = make_subplots(rows=1, cols=1)
# প্রথম ট্রেস
fig.add_trace(go.Scatter(x=x, y=y, mode='lines', name='ডেটা ১'))
# Slider যোগ করা
fig.update_layout(
sliders=[{
'active': 0,
'currentvalue': {
'visible': True,
'prefix': 'ভ্যালু: ',
'xanchor': 'center'
},
'pad': {'b': 10}
}]
)
# গ্রাফ প্রদর্শন
fig.show()
এখানে, sliders প্যারামিটার ব্যবহার করে আপনি গ্রাফে একটি স্লাইডার যুক্ত করেছেন। ব্যবহারকারীরা এই স্লাইডার দিয়ে গ্রাফের ডেটার মান পরিবর্তন করতে পারবেন।
Dropdown Menu যোগ করা
Plotly তে Dropdown Menu যোগ করা অনেক সহজ। এটি ব্যবহারকারীদের বিভিন্ন অপশন বা ভ্যালুর মধ্যে থেকে একটি নির্বাচন করতে দেয়। সাধারণত, এটি গ্রাফের বিভিন্ন ট্রেস বা ভ্যারিয়েবল সিলেক্ট করার জন্য ব্যবহৃত হয়।
উদাহরণ: Dropdown Menu দিয়ে ট্রেস পরিবর্তন
import plotly.graph_objects as go
# ডেটা তৈরি
x = [1, 2, 3, 4, 5]
y1 = [10, 11, 12, 13, 14]
y2 = [15, 16, 17, 18, 19]
# গ্রাফ তৈরি
fig = go.Figure()
# প্রথম ট্রেস
fig.add_trace(go.Scatter(x=x, y=y1, mode='lines', name='ডেটা ১'))
# দ্বিতীয় ট্রেস
fig.add_trace(go.Scatter(x=x, y=y2, mode='lines', name='ডেটা ২'))
# Dropdown Menu যোগ করা
fig.update_layout(
updatemenus=[
{
'buttons': [
{
'label': 'ডেটা ১',
'method': 'update',
'args': [{'visible': [True, False]}, {'title': 'ডেটা ১'}]
},
{
'label': 'ডেটা ২',
'method': 'update',
'args': [{'visible': [False, True]}, {'title': 'ডেটা ২'}]
},
{
'label': 'দুটি ডেটা',
'method': 'update',
'args': [{'visible': [True, True]}, {'title': 'দুটি ডেটা'}]
}
],
'direction': 'down',
'showactive': True,
}
]
)
# গ্রাফ প্রদর্শন
fig.show()
এখানে, একটি Dropdown Menu যোগ করা হয়েছে, যা ব্যবহারকারীদের দুটি ডেটা সিরিজ (ডেটা ১ এবং ডেটা ২) থেকে একটি নির্বাচন করতে দেয়। updatemenus প্যারামিটার দিয়ে ড্রপডাউন মেনু এবং তার বাটন কনফিগার করা হয়েছে। যখন একজন ব্যবহারকারী কোনো অপশন নির্বাচন করবে, তখন গ্রাফ আপডেট হবে এবং নির্বাচিত ডেটা সিরিজটি দেখানো হবে।
Slider এবং Dropdown Menu এর মধ্যে পার্থক্য
| বৈশিষ্ট্য | Slider | Dropdown Menu |
|---|---|---|
| কাজের ধরন | গ্রাফের একটি ভ্যালু পরিবর্তন করা | একাধিক অপশন থেকে একটি নির্বাচন করা |
| ইউজার ইন্টারঅ্যাকশন | একটি স্লাইডারের মাধ্যমে মান পরিবর্তন করা | একটি ড্রপডাউন মেনু থেকে অপশন নির্বাচন করা |
| প্রয়োগ | গ্রাফের ভ্যালু পরিবর্তন বা স্কেলিং করা | বিভিন্ন ট্রেস বা ভ্যারিয়েবল সিলেক্ট করা |
| ব্যবহার | পরিবর্তনশীল বা ডাইনামিক ডেটার জন্য | গ্রাফের ভিউ বা ডেটার সিরিজ পরিবর্তন করার জন্য |
সারাংশ
Plotly তে Slider এবং Dropdown Menu দুটি ইন্টারেকটিভ উপাদান গ্রাফে যুক্ত করা সম্ভব। Slider ব্যবহারকারীদের মান পরিবর্তন করতে সাহায্য করে, যেমন গ্রাফের স্কেল বা ডেটা পয়েন্টের মান পরিবর্তন। অন্যদিকে, Dropdown Menu ব্যবহারকারীদের একাধিক অপশন থেকে নির্বাচন করতে দেয়, যেমন বিভিন্ন ট্রেস বা ডেটাসেটের মধ্যে সুইচ করা। এই দুটি উপাদান গ্রাফের ইন্টারেকটিভিটি এবং ব্যবহারকারীর অভিজ্ঞতাকে উন্নত করে।
Read more
