Skip to main content
HomePythonBuilding Dashboards with Dash and Plotly

Building Dashboards with Dash and Plotly

Learn how to build interactive and insight-rich dashboards with Dash and Plotly.

Start Course for Free
4 Hours15 Videos47 Exercises
10,640 LearnersTrophyStatement of Accomplishment

Create Your Free Account

GoogleLinkedInFacebook

or

By continuing, you accept our Terms of Use, our Privacy Policy and that your data is stored in the USA.
GroupTraining 2 or more people?Try DataCamp For Business

Loved by learners at thousands of companies

Course Description

You don’t need expensive vendor software to create insight-rich dashboards—you can do this using Plotly and Dash. Come on a journey and learn how to turn your Plotly visualizations into interactive dashboards using global e-commerce data. You’ll learn the basics of web applications and discover how to structure and style your dashboards using HTML and CSS—building a portfolio of dashboards you can adapt to your data and projects. Are you ready to bring your plots to life?
For Business

GroupTraining 2 or more people?

Get your team access to the full DataCamp library, with centralized reporting, assignments, projects and more
Try DataCamp for BusinessFor a bespoke solution book a demo.
  1. 1

    From Plotly to Dash

    Free

    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.

    Play Chapter Now
    Plotly graphs and figures
    50 xp
    Line graph of sales by country
    100 xp
    Bar graph of sales by country
    100 xp
    From Plotly to Dash
    50 xp
    The core Dash app code
    100 xp
    Sales in a Dash app
    100 xp
    Positioning Dash components
    50 xp
    Combining HTML and Dash
    100 xp
    A draft sales dashboard
    100 xp
  2. 2

    Styling Dash Apps

    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.

    Play Chapter Now
    HTML in Dash
    50 xp
    Adding logos and notes
    100 xp
    Adding an HTML list to Dash
    100 xp
    CSS Basics in Dash
    50 xp
    Styling a Dash app with CSS
    100 xp
    Switching to Darkmode
    100 xp
    Advanced CSS in Dash
    50 xp
    Practicing placement
    50 xp
    A refined sales dashboard
    100 xp
    Controlling object layout
    100 xp
  3. 3

    Interactivity with Callbacks and Components

    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.

    Play Chapter Now
    Callbacks in Dash
    50 xp
    A dropdown for sales by country
    100 xp
    Fixing a broken dashboard
    100 xp
    Interactive components
    50 xp
    Date picker for sales data
    100 xp
    A date picker callback
    100 xp
    Slider for sales data
    100 xp
    Reusable Dash components
    50 xp
    Re-using Dash components
    100 xp
    DRY-styling Dash components
    100 xp
    User inputs in Dash components
    50 xp
    Searching product descriptions
    100 xp
    Analyzing top customer locations
    100 xp
  4. 4

    Advanced Dash Apps

    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 Data Table module for creating tables that can be easily filtered, sorted, and paginated; as well as trigger changes in other graphs as well.

    Play Chapter Now
    Between-element interactivity
    50 xp
    Generate key stats on hover
    100 xp
    Hover to update another plot
    100 xp
    Click to update another plot
    100 xp
    Chained callbacks
    50 xp
    Conditional dropdown options
    100 xp
    Extending the chain
    100 xp
    Dash Data Table introduction
    50 xp
    Interactive key stats table
    100 xp
    Paginating a key stats table
    100 xp
    Enhancing the sales dashboard
    100 xp
    Dash Data Table interactivity
    50 xp
    Styling a key stats table
    100 xp
    Interactive sales dashboard tables
    100 xp
    Wrap-up video
    50 xp

Datasets

2011 Global e-commerce data2011 Global e-commerce data (Complete)

Collaborators

Collaborator's avatar
Maggie Matsui
Collaborator's avatar
James Chapman

Prerequisites

Introduction to Data Visualization with Plotly in PythonData Manipulation with pandas
Alex Scriven HeadshotAlex Scriven

Senior Data Scientist @ Atlassian

Alex is a Senior Data Scientist working for Atlassian in Sydney, Australia and has previous experience in government, agency and startup. He also holds lecturing and research positions at the University of Technology Sydney and the University of New South Wales. He has built and delivered several Masters-level courses in machine learning & deep learning whilst researching on applications of machine learning & data science in industry. From a heavily commercial background, Alex greatly enjoys bridging the gap between cutting-edge technology and business applications.
See More

What do other learners have to say?

    Join over 13 million learners and start Building Dashboards with Dash and Plotly today!

    Create Your Free Account

    GoogleLinkedInFacebook

    or

    By continuing, you accept our Terms of Use, our Privacy Policy and that your data is stored in the USA.