Building Dashboards with Dash and Plotly

Start Free Preview

Buying via our links supports this free directory · Affiliate disclosure.
Course facts
  • Payment: Free Preview (Paid Upgrade)
  • Learning style: Self-paced, start anytime
  • Format: Text & Interactive
  • Video access: Streaming Only
  • Before you start: Introduction to Data Visualization with Plotly in Python; Data Manipulation with pandas
DataCamp details
  • Chapters: 4
Created byDataCamp
Available onDataCamp

Course Details
Learning Style

Start Anytime

Level

Intermediate

Study Mode

100% Online

Duration

Short (< 10 Hours)

Languages
Audio Language

English

Outcomes
Certificate

Certificate of Completion

Price & Terms
Pricing Model

Free Preview (Paid Upgrade)

Technical
Content Medium

Text & Interactive

Video Access

Streaming Only

Specification
Access

Subscription

SKU: building-dashboards-dash-plotly Category: Tags: , Brand:

Turn Plotly charts into interactive Dash dashboards in Python, styled with HTML and CSS and driven by callbacks, linked graphs and filterable tables.

At a glance
Duration4 hrs
LevelIntermediate
CertificateCertificate of Completion
LanguageEnglish
Taught byAlex Scriven
AccessSubscription
Add your review
Add to wishlistAdded to wishlistRemoved from wishlist 0
Add to compare

Dash turns Plotly charts into interactive web dashboards built in Python. Working with the sales data of a global e-commerce business, you arrange graphs with HTML, style them with CSS, and wire up callbacks so dropdowns, date pickers, hover and click events, and filterable tables change what each viewer sees on the page.

What You Will Achieve

  • Turn existing Plotly figures into a Dash app that shows several sales graphs on one page.
  • Control the size, color and position of dashboard objects with HTML elements and CSS, including a dark theme.
  • Let viewers filter a dashboard by country, date or free text through dropdowns, date pickers and input fields wired to callbacks.
  • Make a hover or click on one graph refresh another, and add AG Grid tables that viewers can sort, filter and page through.


Program Overview

Dash App Structure and HTML Layout

Revisits Plotly figures, then builds a first Dash app and combines several graphs into a draft sales dashboard.

  • Plotly graphs and the core Dash app code
  • Positioning Dash components with HTML
  • A draft multi-graph sales dashboard

Styling with HTML and CSS

Uses HTML elements and CSS rules to change how dashboard objects look and where they sit.

  • Logos, notes and HTML lists
  • CSS basics and advanced placement
  • Dark mode and object layout

Callbacks, Components and Advanced Interactivity

Makes dashboards self-service through interactive components, linked graphs, chained callbacks and Dash AG Grid tables.

  • Interactive components and callbacks
  • Reusable components and DRY styling
  • Chained callbacks and between-element interactivity
  • Dash AG Grid tables and pagination

Certificate Awarded (Paid)

Complete the course to earn it.


Job Outlook

Interactive Python dashboards are used by data analysts and Python developers who report on sales, customers and other business data to colleagues who want to explore the figures themselves.


Our take

Good for: Analysts who chart data in Python and want colleagues to explore results through filters, dropdowns and linked graphs.

Keep in mind: Every exercise runs on the platform and builds on one global e-commerce sales dataset, so the examples center on sales by country, date and customer location.

Bottom line: A focused course that grows one sales dashboard, chapter by chapter, into a styled, filterable app with linked graphs and AG Grid tables.

Frequently Asked Questions

Can one graph in the dashboard change another?

Yes. The final chapter updates one graph when a viewer hovers over or clicks on another, chains callbacks to offer conditional dropdown options, and lets Dash AG Grid tables trigger changes in other graphs of the sales dashboard.

Do I have to install Dash or Python for the exercises?

No installation is needed for the exercises. They run directly on the course platform, so you can write and test your Dash code there without setting up any software on your own machine.

What role do callbacks play in the dashboards?

Callbacks connect an interactive component, such as a dropdown, date picker, slider or text field, to an element on the page, so that element updates when a viewer makes a choice. Later lessons chain callbacks together and use hover and click events on one graph to change another.

What is Dash AG Grid used for in the course?

Dash AG Grid builds tables of key stats that viewers can filter, sort and paginate. The lessons also style these tables and use them to trigger changes in other graphs of the sales dashboard.

User Reviews

0.0 out of 5
★★★★★
0
★★★★★
0
★★★★★
0
★★★★★
0
★★★★★
0

No reviews yet. Be the first to review this course.

There are no reviews yet.

Write your review

Reviews can only be posted by registered learners. Log in or create a free account, then you will return here to post.

×

    Report this page
    Building Dashboards with Dash and Plotly
    Building Dashboards with Dash and Plotly
    LiveTalent
    Logo
    Compare items
    • Total (0)
    Compare
    0