Take Plotly to the next level with Dash. After briefly revising Plotly, you'll dive straight into building your first Dash app. You'll then get your first taste of HTML and how Dash harnesses this vital web development language to structure larger Dash apps. Finally, you'll put all this together in your first multi-graph dashboard for a global e-commerce organization. 

Plotly graphs and figures

Line graph of sales by country

Bar graph of sales by country

From Plotly to Dash

The core Dash app code

Sales in a Dash app

Positioning Dash components

Combining HTML and Dash

A draft sales dashboard

Take control of the elements in your Dash apps with HTML and CSS. Learn what each of these is and how they are at the core of modern web development, then incorporate their powerful abilities in your Dash apps to change the size, color, and placement of your objects.

HTML in Dash

Adding logos and notes

Adding an HTML list to Dash

CSS Basics in Dash

Styling a Dash app with CSS

Switching to Darkmode

Advanced CSS in Dash

Practicing placement

A refined sales dashboard

Controlling object layout

Styling Dash Apps

Turn your Dash apps into user-driven experiences by mastering interactive components. Learn how to include dropdowns, date pickers, and event free text fields to modify elements on your Dash apps and build truly self-service dashboards your users can explore.

Callbacks in Dash

A dropdown for sales by country

Fixing a broken dashboard

Interactive components

Date picker for sales data

A date picker callback

Slider for sales data

Reusable Dash components

Re-using Dash components

DRY-styling Dash components

User inputs in Dash components

Updating a plot title

Analyzing top customer locations

Interactivity with Callbacks and Components

Unleash the full power of Dash app interactivity by triggering changes to one graph when a user clicks on or hovers over, another graph. Additionally, you'll learn the basics of Dash's AG Grid module for creating tables that can be easily filtered, sorted, and paginated; as well as trigger changes in other graphs as well.

Ögeler arası etkileşim

Üzerine gelince önemli istatistikler üret

Üzerine gelerek başka bir grafiği güncelle

Tıklayarak başka bir grafiği güncelle

Zincirlenmiş geri çağırmalar

Koşullu açılır menü seçenekleri

Zinciri genişletme

Dash AG Grid’e giriş

Etkileşimli önemli istatistikler tablosu

Önemli istatistikler tablosunu sayfalama

Satış kontrol panelini geliştirme

Dash AG Grid etkileşimi

Önemli istatistikler tablosunu biçimlendirme

Etkileşimli satış pano tabloları

Kapanış videosu

Advanced Dash Apps

2011 Global e-commerce data

2011 Global e-commerce data (Complete)

İçgörü dolu paneller oluşturmak için pahalı yazılımlara ihtiyacın yok—bunu Plotly ve Dash kullanarak yapabilirsin. Gel, bir yolculuğa çık ve Plotly görselleştirmelerini küresel e-ticaret verilerini kullanarak etkileşimli panellere dönüştürmeyi öğren. Web uygulamalarının temellerini öğrenecek, panellerini HTML ve CSS ile nasıl yapılandırıp stillendireceğini keşfedecek ve verilerine ile projelerine uyarlayabileceğin bir panel portföyü oluşturacaksın. Grafiklerini hayata geçirmeye hazır mısın?

Introduction to Data Visualization with Plotly in Python

Data Manipulation with pandas

Dash ve Plotly ile etkileşimli ve içgörülü panolar oluşturmayı öğrenin.

Dash ve Plotly ile Paneller Oluşturma

Dash ve Plotly ile etkileşimli ve içgörü açısından zengin gösterge panelleri oluşturmayı öğrenin.

Dash AG Grid etkileşimi

Create Your Free Account