awesome-dash
A curated list of awesome Dash (plotly) resources
https://github.com/ucg8j/awesome-dash
Last synced: about 14 hours ago
JSON representation
-
Uncategorized
-
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.
- 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.
- Finding Bigfoot with Dash, Part 1 - Walkthrough of building a dashboard of Bigfoot sightings. [Part 2](https://timothyrenner.github.io/posts/bigfoot-with-dash-part-2), [Part 3](https://timothyrenner.github.io/posts/bigfoot-with-dash-part-3/).
- Visualize Earthquakes with Plotly Dash - Environmental scan of alternatives to Dash followed with a tutorial.
- 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 using the Dash Component Boilerplate cookiecutter template.
- 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.
- 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
- Using Plotly's Dash to deliver public sector decision support dashboards - Building a complex dashboard step-by-step.
- Plotly's tutorials - Part 4: Callbacks With State
-
Component Libraries
- Tutorial on creating custom Dash components with React.js.
- Dash Bio Components - Suite of bioinformatics components that make it simpler to analyze and visualize bioinformatics data and interact with them in a Dash application.
- Dash Canvas Components - Module for image annotation and image processing using Dash.
- Awesome React - Helpful resources for developing React.js 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-bootstrap-components - Layout engine, default styles and high-level components based on Bootstrap.
- Tutorial on creating custom Dash components with React.js.
-
App Examples
- Oil and Gas Explorer - Explore oil and gas production over time and with linked visualisations. [Source Code.](https://github.com/plotly/dash-oil-and-gas-demo)
- 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.](https://github.com/plotly/dash-uber-rides-demo)
- Simple Stock Tickers - Queries data from Google Finance and displays the results as candlestick charts. [Source Code.](https://github.com/plotly/dash-stock-tickers-demo-app)
- Volatility Surface Explorer - Fetches CBOE options chain data from Yahoo Finance with Pandas Datareader and calculates the implied volatility of each option visualised in a 3D mesh chart. [Source Code.](https://github.com/plotly/dash-volatility-surface)
- Drug Discovery - Displays a description of the drug as you hover over points in the graph. [Source Code.](https://github.com/plotly/dash-drug-discovery-demo/)
- Live Wind Streaming - Continually queries a SQL database and displays live charts of wind speed and wind direction. [Source Code.](https://github.com/plotly/dash-sample-apps/tree/main/apps/dash-wind-streaming)
- Recession in 255 Charts - Adapted from NYTimes's excellent [How the Recession Reshaped the Economy in 255 Charts](https://www.nytimes.com/interactive/2014/06/05/upshot/how-the-recession-reshaped-the-economy-in-255-charts.html). [Source Code.](https://github.com/plotly/dash-recession-report-demo)
- 3D Yield Curve - Adapted from NYTimes's excellent [A 3-D View of a Chart That Predicts The Economic Future: The Yield Curve](https://www.nytimes.com/interactive/2015/03/19/upshot/3d-yield-curve-economic-growth.html). [Source Code.](https://github.com/plotly/dash-yield-curve)
- Finding Bigfoot - Several plots (including a map), a grid layout built with Bootstrap, interactions with an input field, and caching (See also [Tutorials](#tutorials)). [Source Code.](https://github.com/timothyrenner/bigfoot-dash-app)
- Visualize Earthquakes with Plotly Dash - Great UI and usage of geospatial analytics with Dash. Includes [basic unit tests](https://github.com/jackdbd/dash-earthquakes/tree/master/tests). [Source Code.](https://github.com/jackdbd/dash-earthquakes)
- Street Quality IDentification [SQUID - Highlights poor quality roads with maps, data table and photos of the offending piece of road. [Source Code.](https://github.com/amyoshino/SQUID-Syracuse-Dashboard)
- VoxelViz - Competition winning Visualization tool for (f)MRI data-sets. [Source Code.](https://github.com/lukassnoek/VoxelViz)
- Traffic Accidents UK - Explore the 140,008 traffic accidents in the UK in 2015. [Source Code.](https://github.com/richard-muir/uk-car-accidents)
- New York Taxi Rides - A full year of the YellowCab Taxi company data from their prime, numbering well over 100 million trips. Dash + Vaex dataframe with over a 100 million rows. [Source Code.](https://github.com/vaexio/dash-120million-taxi-app)
- GutenSearch - Look inside the books of Project Gutenberg. [Source Code.](https://github.com/cordb/gutensearch)
- Simple Stock Tickers - Queries data from Google Finance and displays the results as candlestick charts. [Source Code.](https://github.com/plotly/dash-stock-tickers-demo-app)
- Drug Discovery - Displays a description of the drug as you hover over points in the graph. [Source Code.](https://github.com/plotly/dash-drug-discovery-demo/)
-
Galleries
- Plotly App Gallery - Plotly's collection of Dash applications.
- 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.
-
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).
-
Books
-
Cheat sheets
-
Community
Categories
Sub Categories