Show and Tell - Community Thread 🎉

[chriddyp]

Dash Community –

This is a pinned meta thread to highlight and organize work done by the incredible Dash community.

If you would like your project to be added to this list, please create a new topic and include “show and tell” in the title. We’ll link to those posts from within this topic. Discussion about any particular show and tell can continue in its respective topic. Also, feel free to DM me if you would like any other resources included or removed on this list.

Thanks to everybody who has contributed!

---

Dash Apps

• Official Dash Gallery (maintained by Plotly) - Dash Enterprise

• Chan Zuckerberg Bio Hub RNA-seq Visualization - GitHub - czbiohub/singlecell-dash: Dashboard for visualizing sequencing QC of plates from a single cell RNA-seq project

• Great Balls of Fire: NASA Fireballs Open API - https://great-balls-of-fire.herokuapp.com/ - https://twitter.com/IvanNietoS/status/889844519293923329

• SolveBio Dash App - GitHub - solvebio/solvebio-dash-example: Example Dash app that uses SolveBio

• Velometria - velometria.com - Pro Cycling States for Non Pro Riders, Connect with Strava - by @sladkovm

• StochOPy WebApp - Stochastic Algorithm Performance - GitHub - keurfonluu/StochOPy-WebApp: StochOPy WebApp is hosted online at

• Quantmod - GitHub - jackluo/py-quantmod: Powerful financial charting library based on R's Quantmod | http://py-quantmod.readthedocs.io/en/latest/ - Financial Charting App

• Street Quality Identification Device - GitHub - amyoshino/SQUID-Syracuse-Dashboard: Visualizing the streets condition in the city of Syracuse, NY

• Zika Outbreak Explorer - https://zika-crossfilter.herokuapp.com/, GitHub - charleyferrari/zika-crossfilter: Crossfilter proof of concept looking at Zika incidents over time. as part of a large set of public health visualization examples: GitHub - plotly/public-health: ⚕ Tutorials for public health crossfilter dashboards

• Earthquake Explorer - GitHub - jackdbd/dash-earthquakes: A Plotly Dash application showing earthquake data from the USGS website, bit.ly/dash-earthquakes

• UN Sustainable Development Goal Indicators - GitHub - mathematiguy/UN-SDG-Hackathon-2017: Visualising the UN Sustainable Development Goal Indicators for the UN SDG Hackathon 2017 - From UN SDG Hackathon 2017

• Finding Bigfoot - https://bigfoot-sightings-dash.herokuapp.com

• MoMA Explorer - GitHub - SpinachXPasta/moma-demo - Visualization of artworks and artists in the Museum of Modern Art’s collection

• TLE Satellite Feed - GitHub - enterlifeonline/TLE_Satellite_Feed: TLE Satellite Feed

• NLP text recommendation system - GitHub - TeeOhh/tRECS: NLP text recommendation system built in Python using Gensim, spaCy, and Plotly Dash - NLP text recommendation system built in Python using Gensim, spaCy, and Plotly Dash

• Gekko Coin Trading Bot App - GitHub - Gab0/japonicus: Genetic Algorithm for Gekko Trading Bot.

• TensorFlow ChatBot - GitHub - TeeOhh/ChatBot: ChatBot statistical model built with TensorFlow's 'Parsey McParseface'

• Social Media Data Tools - https://github.com/Stack-Attack/SocialMediaDataTools

• Inductive loop visualization - GitHub - manasa-kalanadhabhatta/InductiveLoopVisualizations: Interactive Dash visualization of inductive loop data - Interactive visualization of inductive loop data from Porto Living Lap, University of Porto, Portugal

• FDA App - GitHub - jackdbd/dash-fda: A Plotly Dash application to interact with the API endpoints of openFDA - App to visualize openFDA elasticsearch API

• Dash on AWS Lamda via Zappa - GitHub - mcrowson/zappa_dash: Implementing Plotly's Dash on AWS Lambda via Zappa

• Text Mining with sklern, gensim, and Dash - https://github.com/phiedulxp/spatm

• Impacts of Agricultural Decision Making and Adaptive Management on Food Security - GitHub - ecohydro/arable_dash: Dashboard for viewing Arable Marks as part of an NSF-funded project on Water, Sustainability, and Climate by @Kcaylor

• VoxelViz - Visualizing (f)MRI data-sets - at TransIP VPS competition - GitHub - lukassnoek/VoxelViz: Visualization tool for fMRI data-sets using Plotly Dash

• CMIP5 Climate Model of Northwest Territories, Canada - GitHub - EarthScientist/dash-apps: working directory for playing with Dash -- Plotly

• Traffic Accidents in the UK - GitHub - richard-muir/uk-car-accidents: A Plotly Dash App for visualising car accidents in the UK in 2015 and GitHub - richard-muir/worst-accidents-UK: This is a Plotly Dash app to visualise and explore the worst accidents that happened in the UK. Data is from https://data.gov.uk/dataset/road-accidents-safety-data by @rmuir_data

• Credit default prototype - GitHub - ThirdMoment/dash-credit-demo: Credit default prototype using Plotly Dash

• Dynamic Response of a Single Degree of Freedom System (SDOF) - https://github.com
  /amrahstija/vibrations-dashboard

• Semiconductor Stock Price - GitHub - beingzy/dash_sc_stock: A Dashboard to track selected semiconductor companies stock price, with Plotly's Dash

• Reinforcement Learning Online Cryptocurrency Trading App - GitHub - jaybutera/tradebot: Reinforcement learning for online crypto trading

• Exploring HathiTrust and BookWork - GitHub - Bookworm-project/HT-Bookworm-Dash: Web app for browsing HathiTrust BW.

• TensorLab - GitHub - fangde/TensorLab: Cloud Machine Learning Platform based on TensorLayer

• Live Stock Trading Dashboard - GitHub - jonathanwlu/Live-Stock-Trade-Dashboard

• ALFRESCO Post Processing App - GitHub - Yukon-climate/ALFRESCO_DASH: A simple app made with Dash to display ALFRESCO Post Processing outputs

• Weather Comparison App- https://github.com/jzuccollo/weather-comparison

• Mini-kep macroeconomic trends app - GitHub - mini-kep/frontend-dash: Dash application with interactive controls and time series plotting.

• SF Crime App - GitHub - jgabriellima/San-Francisco-Crime-Dashboard: Dashboard for San Francisco Crime Dataset build with Plotly Dash

• Gatsiva Public API App - GitHub - gatsiva/dash-returns-example: Example of accessing the Gatsiva API with Plotly Dash to visualize results

• Dash Movie Explorer - GitHub - axelbellec/Dash-Movie-Explorer: Movie explorer app which runs on Python with Dash by Plotly

• FHIR (Fast Healthcare Interoperability Resources) Server Dashboard - https://github.com
  /asherdale/fhir-server-dashboard

• Interactive Weather Forecast App - https://github.com/isaac34mi/Interactive-Plotly-Dash-
  Weather-App

• BudgetBakers API Dash App - https://github.com/yassin-eltahir/ExpenseDash

• ESPA and USA Today CFB App - GitHub - pythonforsports/cfb-comparison: Interactive Web App to Scrape CFB data

• CPU Monitoring App - GitHub - yotabits/cpu_monitor

• Realtime Viz with Kafka, OandaPy, Docker, and Dash - https://github.com/renardeinside/rtvis-proj

• Monitoring Dengue from Live Weather Data - GitHub - FNeiva/w205-final-project: W205 Summer 2017 Final Project

• Ultimate Frisbee Team Activities in India - https://github.com/punchagan/thatte-idli

• Dashing Planets - GitHub - ej-mitchell/dashing-planets: Using Python's Pandas and Plotly's Dash to make planetary data look...well... dashing. ;) - Using Pandas and Dash to make planetary data look… well… dashing

• Brand Influencer Marketing Campaigns - GitHub - thishere/plotly-dash-example: A Plotly Dash app using data from some research we conducted into other brands' influencer marketing campaigns

• Genomic-wide Association Study (GWAS) App - https://github.com/asherkhb/gwas-
  dashboard

• Exploratory Tools for Twitter, Instagram, and Foursquare - GitHub - leokassio/Spatiotemporal-Data-Analysis: Set of tools for exploratory data analysis using Twitter, Instagram and Foursquare data.

• Black Scholes Dash App - GitHub - ktarrant/DashBlackScholes

• Python Trading App - https://github.com/F2011B/PythonTrading

• Matstract - https://github.com/materialsintelligence/matstract - Using NLP to extract materials data from scientific journal articles

• VainGlory Player Stats App - https://github.com/stevekm/vainstats

• WSN Experiment - https://github.com/sunziping2016/wsn-experiment

• https://community.plotly.com/t/gene-expression-example-show-and-tell/7785

• Cryptocurrency Activity App: Dash App that “Tracks whale activity in cryptocurrency markets.”: https://github.com/pmaji/crypto-whale-watching-app2

• Climate Change Life Events by @schivlg - https://github.com/gschivley/climate-life-events4, https://climate-life-events.herokuapp.com/7, https://twitter.com/gschivley/status/9670655774151147522

• Crypto Sentiment Analysis https://community.plotly.com/t/show-and-tell-crypto-sentiment-analysis/8748, https://github.com/vantaka2/crypto_dash_app

Dash Components

Components written and maintained by the community. See https://plot.ly/dash/plugins for a tutorial on writing your own 3rd party components.

• https://community.plotly.com/t/share-visdcc-a-dash-core-components-for-vis-js-network/5417 by @jimmybow

• https://community.plotly.com/t/capturing-mouse-events-position/4616/12 by @jimmybow - https://github.com/jimmybow/mydcc - Components for updating the figure in dcc.Graph

• Material-UI Dash Components - https://github.com/StratoDem/sd-material-ui - “StratoDem Analytics Dash implementation of material-ui components.”

• Dash Video Component - https://community.plotly.com/t/modifying-a-dom-property-in-html-video/7649/11

• Dash Large File Upload Component - https://community.plotly.com/t/show-and-tell-dash-resumable-upload/9519

• Dash Component around pyLDAvis - https://github.com/antisrdy/pyldavis_dash,

Dash Blog Posts, Articles, Tutorials, and Talks

@chriddyp, the author of Dash, has given a few talks and written a few blog posts. See:

• The World Needs Dash (Plotcon NYC 2016) - The motivations behind Dash before it was launched (Plotcon NYC 2016).

• Overview of Dash (SciPy 2017).

• Introducing Plotly Dash - A high level introduction to Dash, released as part of Dash’s official launch (June 21, 2017).

The rest of these posts are from the greater Dash community:

• https://community.plotly.com/t/sunglasses-awesome-dash-list-contributors-welcomed/6983 - https://github.com/Acrotrend/awesome-dash/, - A curated list of awesome Dash (plotly) resources

• Interactive Web-Based Dashboards in Python - How the MVC model pertains to Dash and a walkthrough of building an app.

• Finding Bigfoot with Dash, Part 1 - https://timothyrenner.github.io/datascience/2017/08/08/finding-bigfoot-with-dash-part-1.html

• Toronto Open Data OPS CodeDay - How to use Jupyter notebooks in tandom with Dash to create mapping viz

• Presentation slides at Haute École Arc Ingénierie,
  St-Imier - https://github.com/groovytron/presentation-dash

• Materials from PYPTUG Talk “Plotly, Dash and Company” - https://github.com/fdion/pyptug_plotly

• Materials from PyLadies talk in Prague: “Datová analýza pomocí Pythonu” - https://github.com/anastazie/pyladies_data

• Materials from PyData Zurich: http://github.com/4quant/dashintro, https://github.com/pydatazrh/meetup/blob/master/Meetup8/Dash_Talk.pdf

• 5 Part Dash Video Tutorial - https://pythonprogramming.net/data-visualization-application-dash-python-tutorial-introduction/

Dash Productivity Tools

• Slapdash by @nedned - https://github.com/ned2/slapdash - Boilerplate for bootstrapping multi-page Dash applications

• https://community.plotly.com/t/dash-admin-cli-tool-for-initiating-dash-boilerplate/7217 by @gaw89 - https://github.com/gaw89/dash-admin

• Graph Visualization of Your App’s Callback Chain: https://community.plotly.com/t/sharing-callback-chain-visualizer-component/8777, https://github.com/nicolaskruchten/dash_callback_chain

• Boilerplate app for handling long processes: https://community.plotly.com/t/boilerplate-heroku-dash-app-for-long-processes-show-and-tell/8683

Dash CSS

• https://community.plotly.com/t/css-and-html-stylesheet-resources/7440/4

• Awesome CSS Frameworks - https://github.com/troxler/awesome-css-frameworks

[chriddyp]

Adding sd-material-ui to Dash Components - “StratoDem Analytics Dash implementation of material-ui components.”

[chriddyp]

Adding Gene expression app (Community Thread) to Dash Apps (it’s so nice!)

[KevinM]

One click dash deployment using Binder and app mode

https://mybinder.org/v2/gh/4QuantOSS/DashIntro/master?urlpath=%2Fapps%2Fnotebooks%2FTutorial.ipynb

[chriddyp]

A nice 5 Part Youtube Series on Dash: https://www.youtube.com/watch?v=J_Cy_QjG6NE&lc=z22wwppgovnzgheaq04t1aokgofw5culzuj2me1ilgb5bk0h00410.1519361616980356. Final result displays how to plot real time data from a vehicle.

[chriddyp]

Dash App that “Tracks whale activity in cryptocurrency markets.”: https://github.com/pmaji/crypto-whale-watching-app

[chriddyp]

Climate Change Life Events by @schivlg - https://github.com/gschivley/climate-life-events, https://climate-life-events.herokuapp.com/, https://twitter.com/gschivley/status/967065577415114752

[chriddyp]

Boilerplate app for handling long processes: Boilerplate Heroku Dash App for Long Processes (show and tell)

[chriddyp]

Crypto Sentiment Analysis

• Community Thread: Show and tell - crypto sentiment analysis
• GitHub: https://github.com/vantaka2/crypto_dash_app

[chriddyp]

Adding a nice tool for visualizing your app’s callback chain.

• Community discussion: Sharing: Callback Chain Visualizer component
• GitHub: https://github.com/nicolaskruchten/dash_callback_chain
  

[chriddyp]

Dash Video Component!

Modifying a DOM Property in html.Video - Dash Video Component

I’ve got the Data and Video to sync with this code. import dash import datetime from dash.dependencies import Input, Output, State, Event import dash_core_components as dcc import dash_html_components as html import plotly.plotly as py from plotly import graph_objs as go from plotly.graph_objs import * from flask import Flask import pandas as pd from collections import deque import video_engine as rpd app = dash.Dash() app.scripts.config.serve_locally = True X = deque(maxlen=1) Y = deque(…

[chriddyp]

Really nice fitness app that combines Strava, Nokia, and Google Drive data: https://medium.com/@boitemailjeanmid/building-a-dashboard-with-dash-plotly-aws-and-heroku-jean-michel-d-d102e26ac8c1

[chriddyp]

Really nicely designed UFC Dash App

• GitHub Repo: https://github.com/jasonchanhku/UFC-MMA-Predictor
• Community Thread: Show and tell - UFC MMA Predictor Web App

[chriddyp]

Really impressive “Large File Upload” component: Show And Tell -- Dash Resumable Upload

Supports 1GB file uploads directly to the server (instead of keeping the data in memory) + uploads are resumable.

[chriddyp]

Incredible app by @lucapinello at Massachusetts General Hospital’s Pinello Lab

• App: http://stream.pinellolab.org/precomputed
• Code: https://github.com/pinellolab/STREAM/
  
  
  
  
  

[lucapinello]

Thanks for sharing it!

[chriddyp]

Dash Grid Generator - A library that makes it easier to build dashboard-style grid layouts

Example layout:

• Community Thread: Show and Tell: Dash Grid generator
• GitHub: https://github.com/rmarren1/dash-ui

[chriddyp]

Youtube Audio App - Searches through closed captions of a YouTube video and displays a time-based histogram with the frequency of those words. So cool!
Here’s an example with the famous “Yes We Can” speech, searching the mode “yes”

• Hosted App: https://www.youtubesuite.com/
• Community Thread: Show and tell - Search YouTube video audio content
• GitHub: https://github.com/jonathanspivack/youtubesuite