समापन वीडियो

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

Alex Scriven

Data Scientist

अध्याय 1

 

  • Plotly का पुनरावलोकन
  • पहला Dash ऐप बनाया
  • HTML का संक्षिप्त अवलोकन

एक लाइन चार्ट GIF जिसमें महीने के हिसाब से बिक्री दिखती है; कर्सर किसी बिंदु पर रुकते ही माह और बिक्री का मान पॉप-अप में दिखता है

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

अध्याय 2

 

  • HTML और CSS से स्ट्रक्चर व स्टाइल
  • ऐप एलिमेंट्स का स्थान, आकार और स्टाइल तय करें
    • एक style डिक्शनरी

"Top Sales Categories" शीर्षक की इमेज। इसके नीचे, लाल डॉटेड बॉर्डर के अंदर, क्षैतिज बार चार्ट है जिसमें y-अक्ष पर माइनर परचेज केटेगरी और x-अक्ष पर कुल ऑर्डर हैं। इसके नीचे, बॉर्डर के बाहर, शीर्ष दो सेल्स केटेगरी की सूची है। बॉर्डर चारों ओर बाहर की ओर धकेला गया है, और इस धकेल को दिखाने के लिए पीछे की ओर तीर हैं। ग्राफ के चारों ओर अधिक स्पेस है, और बॉर्डर के अंदर का शीर्षक तथा नीचे का टेक्स्ट दूर हो गया है.

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

अध्याय 3

 

  • कॉलबैक्स से इंटरैक्टिविटी
  • ड्रॉपडाउन, डेट पिकर और फ्री-टेक्स्ट इनपुट

एक सामान्य डेट पिकर का GIF। एक डेट इनपुट फ़ील्ड है जिसमें 1 July 2025 सेट है। माउस क्लिक करने पर कैलेंडर खुलता है। 2 July 2025 चुना जाता है, कैलेंडर बंद होता है, और सेलेक्टर में तारीख बदल जाती है.

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

अध्याय 4

 

  • hover और click इवेंट से इंटरैक्टिविटी
  • AG Grid टेबल्स बनाना

एक टेबल का GIF जिसमें अलग-अलग सेल पर क्लिक करने से नीचे एक टेक्स्ट बॉक्स में क्लिक की गई सेल की सामग्री का डिक्शनरी जैसा विवरण दिखता है

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

अगले कदम?

 

  • अपने डैशबोर्ड बनाइए
    • प्रेरणा के लिए Examples
  • कॉलबैक चेन्स पर प्रयोग करें
  • AG Grid टेबल्स सीखना जारी रखें

Screenshot at May 15 08-06-55.png

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

Plotly Studio

  • मिनटों में डेटासेट से Dash ऐप बनाएँ ⚡
  • AI-जनित बेस को कस्टमाइज़ करें 🔧
  • एक-क्लिक से Plotly Cloud पर पब्लिश करें 🚀

plotlystudio.png

1 plotly.com/studio
Dash और Plotly के साथ डैशबोर्ड बनाना

धन्यवाद!

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

Preparing Video For Download...