शुरू करेंमुफ़्त में शुरू करें

HTML और Dash को जोड़ना

आप एक ई-कॉमर्स कंपनी के साथ उनके डेटा को विज़ुअलाइज़ करने में मदद कर रहे थे, और अब प्रस्तुति को एक स्तर ऊपर ले जाने का समय है.

आपका लक्ष्य पहले बनाए गए लाइन और बार चार्ट, line_graph और bar_graph, को एक ही Dash डैशबोर्ड में साथ में दिखाना है. इसे पूरा महसूस कराने के लिए, आप लेआउट के शीर्ष पर एक शीर्षक भी जोड़ेंगे.

लाइन और बार ग्राफ़ (line_graph और bar_graph) आपके लिए फिर से बना दिए गए हैं.

यह अभ्यास पाठ्यक्रम का हिस्सा है

Dash और Plotly के साथ डैशबोर्ड बनाना

पाठ्यक्रम देखें

अभ्यास निर्देश

  • अपनी Dash ऐप में .H1() के रूप में शीर्षक जोड़ें, जिसमें टेक्स्ट 'Sales by Country & Over Time' हो.
  • line_graph और bar_graph फ़िगर को Dash ऐप के लेआउट में जोड़ें.

इंटरैक्टिव व्यावहारिक अभ्यास

इस अभ्यास को इस नमूना कोड को पूरा करके आज़माएँ।

from dash import Dash, dcc, html
import pandas as pd
import plotly.express as px
ecom_sales = pd.read_csv('/usr/local/share/datasets/ecom_sales.csv')
ecom_line = ecom_sales.groupby(['Year-Month','Country'])['OrderValue'].agg('sum').reset_index(name='Total Sales ($)')
ecom_bar = ecom_sales.groupby('Country')['OrderValue'].agg('sum').reset_index(name='Total Sales ($)')
line_graph = px.line(data_frame=ecom_line, x='Year-Month', y='Total Sales ($)', title='Total Sales by Month', color='Country')
bar_graph = px.bar(data_frame=ecom_bar, x='Total Sales ($)', y='Country', orientation='h',title='Total Sales by Country')

app = Dash()

# Set up the layout
app.layout = [
  # Add a H1
  html.____('____'),
  # Add both graphs
  dcc.____(id='line_graph', figure=____),
  dcc.____(id='bar_graph', figure=____)
  ]

if __name__ == '__main__':
    app.run(debug=True)
कोड संपादित करें और चलाएँ