Plotly এর মাধ্যমে Custom Tooltips তৈরি করা

Plotly-এর মাধ্যমে Custom Tooltips তৈরি করা ডেটা ভিজুয়ালাইজেশনকে আরও ইন্টারেকটিভ এবং কাস্টমাইজড করে তোলে। Tooltips হল তথ্যের ছোট পপ-আপ উইন্ডো যা গ্রাফের কোন একটি পয়েন্টের ওপর মাউস হোভার করলে প্রদর্শিত হয়। Plotly ব্যবহারকারীদের বিভিন্ন তথ্য দেখানোর জন্য কাস্টম Tooltips তৈরি করার সুযোগ দেয়।

এখানে আমরা দেখাবো কীভাবে Plotly ব্যবহার করে Custom Tooltips তৈরি করা যায়।

Custom Tooltips তৈরি করার ধাপ

1. Tooltips কাস্টমাইজ করা: আপনি hovertemplate আর্গুমেন্ট ব্যবহার করে Tooltip-এর কন্টেন্ট কাস্টমাইজ করতে পারেন।
2. এনোটেশন এবং অন্যান্য কাস্টম ডেটা যুক্ত করা: hovertemplate ব্যবহার করে ডেটার জন্য অতিরিক্ত বা ফরম্যাটেড তথ্য প্রদর্শন করা যায়।

উদাহরণ ১: Scatter Plot-এ Custom Tooltip তৈরি করা

এখানে আমরা একটি Scatter Plot তৈরি করব এবং প্রতিটি পয়েন্টের সাথে কাস্টম Tooltip যুক্ত করব।

কোড:

import plotly.graph_objects as go

# ডেটা তৈরি করা
x = [1, 2, 3, 4, 5]
y = [10, 11, 12, 13, 14]
text = ['A', 'B', 'C', 'D', 'E']  # Tooltips প্রদর্শনের জন্য টেক্সট

# Scatter Plot তৈরি করা এবং custom tooltip যোগ করা
fig = go.Figure(data=go.Scatter(
    x=x, 
    y=y, 
    mode='markers', 
    text=text,  # Tooltip text
    hovertemplate='<b>%{text}</b><br>X: %{x}<br>Y: %{y}<extra></extra>'  # Custom Tooltip Template
))

# গ্রাফ প্রদর্শন
fig.show()

ব্যাখ্যা:

• text: এই আর্গুমেন্টে Tooltip-এ প্রদর্শিত হওয়া টেক্সট যুক্ত করা হয়েছে।
• hovertemplate: এখানে custom tooltip তৈরি করা হয়েছে যেখানে <b>%{text}</b><br>X: %{x}<br>Y: %{y} দ্বারা Tooltip-এ দেশ, X এবং Y ভ্যালু কাস্টম ফরম্যাটে প্রদর্শিত হবে।
  • <b>%{text}</b>: পয়েন্টের টেক্সটকে বোল্ড হিসেবে দেখানো হয়েছে।
  • %{x} এবং %{y}: Tooltip-এ এক্স এবং ওয়াই ভ্যালু দেখাবে।
  • <extra></extra>: এই অংশটি অতিরিক্ত তথ্য প্রদর্শন থেকে বাদ দেয়।

উদাহরণ ২: Bar Plot-এ Custom Tooltip তৈরি করা

এখানে আমরা একটি Bar Plot তৈরি করব এবং প্রতিটি বারের সাথে কাস্টম Tooltip যুক্ত করব।

কোড:

import plotly.graph_objects as go

# ডেটা তৈরি করা
x = ['A', 'B', 'C', 'D', 'E']
y = [10, 11, 12, 13, 14]
text = ['Category A', 'Category B', 'Category C', 'Category D', 'Category E']

# Bar Plot তৈরি করা এবং custom tooltip যোগ করা
fig = go.Figure(data=go.Bar(
    x=x, 
    y=y, 
    text=text,  # Tooltip text
    hovertemplate='<b>%{text}</b><br>Value: %{y}<extra></extra>'  # Custom Tooltip Template
))

# গ্রাফ প্রদর্শন
fig.show()

ব্যাখ্যা:

• text: এই আর্গুমেন্টে Tooltip-এ প্রদর্শিত হওয়া ক্যাটেগরি টেক্সট যুক্ত করা হয়েছে।
• hovertemplate: এখানে custom tooltip তৈরি করা হয়েছে যেখানে %{text} (ক্যাটেগরি নাম) এবং %{y} (বারের উচ্চতা বা মান) দেখানো হয়েছে।

উদাহরণ ৩: Bubble Plot-এ Custom Tooltip তৈরি করা

Bubble Plot একটি উন্নত Scatter Plot, যেখানে পয়েন্টগুলির আকার ডেটার অতিরিক্ত ভ্যালু প্রদর্শন করে। এখানে Custom Tooltips ব্যবহার করে অতিরিক্ত তথ্য যুক্ত করা হবে।

কোড:

import plotly.express as px

# উদাহরণ ডেটাসেট
data = px.data.gapminder()

# Bubble Plot তৈরি করা এবং custom tooltip যোগ করা
fig = px.scatter(data, x="gdpPercap", y="lifeExp", color="continent", size="pop", hover_name="country", 
                 hover_data=["year", "continent", "pop"])

# custom tooltip কাস্টমাইজ করা
fig.update_traces(hovertemplate='<b>%{hovertext}</b><br>GDP per Capita: %{x}<br>Life Expectancy: %{y}<br>Year: %{customdata[0]}<br>Population: %{customdata[1]}<extra></extra>')

# গ্রাফ প্রদর্শন
fig.show()

ব্যাখ্যা:

• hover_name: এর মাধ্যমে প্রতিটি বুদবুদের উপর দেশ নাম প্রদর্শিত হবে।
• hover_data: এতে অতিরিক্ত কাস্টম ডেটা (যেমন, বছর, মহাদেশ, এবং জনসংখ্যা) Tooltip-এ দেখানো হয়েছে।
• update_traces: এই ফাংশনটি ব্যবহার করে Tooltip এর ফরম্যাট কাস্টমাইজ করা হয়েছে।

সারাংশ

Plotly-এর মাধ্যমে Custom Tooltips তৈরি করা ডেটা ভিজুয়ালাইজেশনকে আরও ইন্টারেকটিভ এবং কাস্টমাইজড করে তোলে। আপনি hovertemplate আর্গুমেন্ট ব্যবহার করে Tooltip-এর কন্টেন্ট কাস্টমাইজ করতে পারেন এবং অতিরিক্ত তথ্য যেমন ভ্যালু, নাম, এবং অন্যান্য ডেটা প্রদর্শন করতে পারেন। এই ফিচারটি ডেটা বিশ্লেষণ এবং প্রেজেন্টেশনে আরও গভীরতা এবং পরিষ্কারতা প্রদান করে।