Enriching Data Visualizations with Annotations in Plotly

on YouTube ↗10m

" summary

Uses Plotly 5.1.0 and Plotly Express to annotate a Johns Hopkins COVID-19 subset for India and the United States, adding hover_data and a bottom-left footnote (showarrow=false, font size 10, gray, br for line breaks). Marks Thanksgiving at day 310, highlights the US holiday window with a vrect 305–357 (yellow, opacity set), flags the Jan 2 peak and vaccine rollout with boxed annotations (border, opacity, text offsets), demos templates (plotly_dark), and publishes code to the GitHub repo pyohio-plotly.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 0:40Data setup and loading
3. 1:26Basic plotly charting
4. 2:20Chart customization
5. 3:27Adding a basic footnote
6. 4:47Advanced annotations
7. 6:39Visual highlights
8. 7:37Line and box overlays
9. 8:48Applying dark templates
10. 9:15Conclusion

" related talks

• 41mHealthPlot: Understanding American public health through RFrancisco Requena · T3chFest 2018
• 01h 38mEffective Data VisualizationHusni Almoubayyed · PyCon US 2020
• 37mData visualization with plotly py: Version 3 and beyondJon Mease · PyData DC 2018
• 48mData Visualization in PracticeRami Sayar · Spotlight Front-End 2014
• 25m(Easier) Interactive Data Visualization in ReactAnjana Vakil · React Advanced 2021
• 01h 55mUse your data to tell storiesAstrid Belder, Charalampos Xanthopoulakis · Devoxx Belgium 2019
• 14mUnlock the Power of DataViz Animation and Interactivity in QuartoDeepsha Menghani · posit::conf(2023)
• 40mData Visualizations, Internationalization and Covid-19Naomi Meyer · HalfStack Online May 2020