Awesome Dash

A curated collection of resources and projects focused on Dash.

Contents

• Deployment
• Tutorials
• Component Libraries
• App Examples
• Idiomatic examples
• Galleries
• Cheat sheets
• Talks
• Books
• Community
• Contributors

Deployment

• Ploomber Cloud - The community plan allows free deployments

Tutorials

• Introducing Plotly Dash - A high level introduction to Dash by Chris Parmer, the author of Dash. This essay was released as part of Dash’s official launch (June 21, 2017).
• Plotly’s tutorials - Part 1: App Layout
• Plotly’s tutorials - Part 2: Interactivity
• Plotly’s tutorials - Part 3: Interactive Graphing
• Plotly’s tutorials - Part 4: Callbacks With State
• Charming Data YouTube channel - A channel dedicated to teaching Dash and Plotly with over 25k subscribers.
• Interactive Web-Based Dashboards in Python - How the MVC model pertains to Dash and a walkthrough of building an app.
• Using Plotly’s Dash to deliver public sector decision support dashboards - Building a complex dashboard step-by-step.
• OPS CodeDay: Dash Plotly Map + Graph - How to use Jupyter notebooks in tandom with Dash to create mapping viz.
• Creating Interactive Visualizations with Plotly’s Dash Framework - High level overview of how to get started with Dash.
• ARGO Labs - Plotly Dash Tutorial (Video) - Detailed introduction to creating interactive dashboards.
• Data Visualization GUIs with Dash and Python (Video playlist) - Five-part series exploring Dash features.
• Interactive Visualization of Machine Learning and Computer Vision with Dash - Official introduction video.
• Webinar: Converting React components to Dash components - Official tutorial about how to convert React components to Dash components.
• Interactive Image Processing with Dash-Canvas - Official introduction video to the Dash Canvas components.
• Dash Cytoscape Component - Official introduction video to the Dash Cytoscape components.
• An introduction to Dash DataTable - Official introduction video to the Dash DataTable components.
• Tutorial on creating custom Dash components with React.js.

Component Libraries

• Dash PDF - Display inline PDFs
• Dash MUI - Material UI components
• Dash React Simple Maps - Create interactive maps
• Dash Mosaic - Display Mosaic plots
• Dash Tabler Icons - Beautiful icons for your Dash apps
• Dash React Syntax Highlighter - Display code snippets with a copy button
• Dash Canvas Components - Module for image annotation and image processing using Dash.
• Awesome React Components - Catalog of React.js components potentially interesting to be wrapped into Dash components.
• Awesome React - Helpful resources for developing React.js components.
• Dash Core Components
• Dash Cytoscape Component - Graph visualization component for creating easily customizable, high-performance, interactive, and web-based networks.
• Dash DataTable Component - Interactive table that supports rich styling, conditional formatting, editing, sorting, filtering, and more.
• Dash DAQ Components - Set of controls that make it simpler to integrate data acquisition and controls into your Dash applications.
• Dash HTML Components
• mydcc - Extension of Dash Core Components.
• sd-material-ui - StratoDem Analytics implementations of material-ui components for Dash.
• sd-range-slider - Range Slider Dash component.
• dj-plotly-dash - Plotly Dash fork for Django.
• dash-flexbox-grid - Wrapper around react-flexbox-grid for Plotly Dash.
• dash-color-picker - Wrapper around react-color.
• dash-dual-listbox - Wrapper around react-duallist.
• dash-bootstrap-components - Bootstrap components for Dash.
• dash-uploader - Upload component for Dash. Supports large data files.
• Dash Mantine Components - Collection of 40+ Dash components based on Mantine React Components library.
• plotly-resampler - Wrapper for plotly figures that adds data downsampling (aggregating) functionality, enabling the visualization of large datasets.
• dash-vega-components - Dash component for Vega-Altair, Vega-Lite, and Vega charts.

App Examples

• Oil and Gas Explorer - Explore oil and gas production over time and with linked visualisations. Source Code.
• Uber Rides - Displays all of the Uber rides in New York City in 2014. Pandas on the backend filters a 0.5gig datafile. Source Code.
• Drug Discovery - Displays a description of the drug as you hover over points in the graph. Source Code.
• Live Wind Streaming - Continually queries a SQL database and displays live charts of wind speed and wind direction. Source Code.
• 3D Yield Curve - Adapted from NYTimes’s excellent A 3-D View of a Chart That Predicts The Economic Future: The Yield Curve. Source Code.
• Visualize Earthquakes with Plotly Dash - Great UI and usage of geospatial analytics with Dash. Includes basic unit tests. Source Code.
• GutenSearch - Look inside the books of Project Gutenberg. Source Code.

Idiomatic examples

• Dash recipes - A collection of scripts and examples created of the plotly team while answering questions from the greater Dash community.

Galleries

• Dash Data Dashboards and Apps - Collection of data dashboards with real life data, for various topics, as well as a few apps for online marketing built with Dash.
• Dash Gallery - A collection of Dash apps.

Talks

• Dash: Data exploration web apps in pure Python - Chelsea Douglas, PyData DC 2018.
• Overview of Dash - Chris Parmer, creator of Dash (SciPy 2017).
• We’re Launching Dash - Chris Parmer, creator of Dash, speaking about the motivations behind Dash before it was launched (Plotcon NYC 2016).
• Plotly dash and data visualisation in Python, PyData, Berlin 2017 - Volodymyr Kazantsev (slides only).

Cheat sheets

• plotly.py Cheat Sheet

Community

• Plotly hosted Question and Answer community
• Stack Overflow

Contributors

• Luke Singham
• Aly Sivji
• Chris Parmer
• Sergey Pikhovkin
• Pascal Bugnion
• Florian Kromer
• Elias Dabbas
• vaexio
• Fanchao MENG
• Snehil Vijay
• Eduardo Blancas

License

This work is licensed under a Creative Commons Attribution 4.0 International License.