Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

2 This presentation was made possible by the support of the American people through the United States Agency for International Development (USAID) under the U.S. President's Emergency Plan for AIDS Relief (PEPFAR). The contents in this presentation are the sole responsibility of the authors, and do not necessarily reflect the views of USAID, PEPFAR or the United States Government.

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Office of HIV/AIDS

Slide 7

Slide 7 text

Taking a stroll down memory lane

Slide 8

Slide 8 text

+100 colors used in a single presentation

Slide 9

Slide 9 text

How do we create coherence and efficiency across all our work?

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

55 countries USAID/PEPFAR is actively working in

Slide 12

Slide 12 text

Karishma Aaron

Slide 13

Slide 13 text

Karishma Aaron

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Explore existing products universe Refinements to ggplot Packaging with a style guide

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Understand existing workflows

Slide 18

Slide 18 text

Codify what exists from existing element

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Repeating the same ggplot theme elements across the same file (and others) Repeating hex colors throughout that are not standard across files Repeating standard exports size and dpi for presentation usage

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

Explore existing products universe Refinements to ggplot Packaging with a style guide

Slide 24

Slide 24 text

Plot Elements Typeface Color

Slide 25

Slide 25 text

Declutter + Show the data

Slide 26

Slide 26 text

ggplot2::theme_minimal()

Slide 27

Slide 27 text

ggplot2::theme_minimal() %+replace% ggplot2::theme( plot.title = ggplot2::element_text( family = font_title, size = 14 * text_scale, face = "bold", color = color_title, margin = ggplot2::margin(b = half hjust = 0), plot.subtitle = ggplot2::element_te family = font_subtitle, ggplot2::theme_minimal()

Slide 28

Slide 28 text

Plot Elements Color Typeface

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

grDevices::windowsFonts( glitr_font_default = grDevices::windowsFont( "Source Sans Pro")) extrafont grDevices

Slide 31

Slide 31 text

p + si_style() Aa

Slide 32

Slide 32 text

Typeface Plot Elements Color

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

MEDIUM BLUE USAID RED USAID

Slide 36

Slide 36 text

Adobe Color Palettable Viz Palette MEDIUM BLUE USAID RED USAID

Slide 37

Slide 37 text

Adobe Color Palettable Viz Palette MEDIUM BLUE USAID RED USAID DENIM OLD ROSE OHA

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

Lisa Charlotte Muth blog.datawrapper.de/category/color-in-data-vis/

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

usaid-oha-si.github.io/glitr/

Slide 42

Slide 42 text

si_palettes si_rampr() si_style() scale_fill/color_si() si_preview() si_save()

Slide 43

Slide 43 text

si_palettes si_rampr() si_style() scale_fill/color_si() si_preview() si_save()

Slide 44

Slide 44 text

p + labs(subtitle = "default") BASE GGPLOT

Slide 45

Slide 45 text

p + labs(subtitle = "default") p + labs(subtitle = "glitr") + scale_fill_si() + si_style_ygrid() BASE GGPLOT GGPLOT + GLITR

Slide 46

Slide 46 text

“It just works”

Slide 47

Slide 47 text

Explore existing products universe Refinements to ggplot Packaging with a style guide

Slide 48

Slide 48 text

How to apply and socialize these elements?

Slide 49

Slide 49 text

49 “PEPFAR has prioritized, and made significant progress toward, transitioning a substantial majority of our funding by agency to local partners”

Slide 50

Slide 50 text

50 “PEPFAR has prioritized, and made significant progress toward, transitioning a substantial majority of our funding by agency to local partners”

Slide 51

Slide 51 text

51 Sorted Colors Clutter Title Labels Axes Four operating units achieved USAIDʼs 70% goal Local partner share of budget 70% goal All of these operating units fell short of the 70% of goal. “PEPFAR has prioritized, and made significant progress toward, transitioning a substantial majority of our funding by agency to local partners”

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

53 tinyurl.com/ohastyleguide

Slide 54

Slide 54 text

So what?

Slide 55

Slide 55 text

Before glitr and our Style Guide After glitr and our Style Guide

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

INVENTORY OF UNIVERSE REFINEMENTS IN GGPLOT PACKAGE AND SOCIALIZE

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

No content

Slide 61

Slide 61 text

Links to Resources ● Git/Github ○ Happy with Git and GitHub for the useR (Bryan) ○ USAID-OHA-SI Organizational GitHub ● Plot Elements ○ ggplot2 GitHub (Posit) ○ glitr GitHub (Essam et al, USAID) ● Color ○ Adobe Color ○ Viz Palette (Meeks and Lu) ○ Color in Data Viz (Muth, Data Wrapper) ● Package ○ R Packages (Wickham and Bryan) ○ Writing an R package from scratch (Westlake) ○ Getting down with pkgdown (Richardson) ○ Your first R package in 1 hour (Pileggi) ● Style Guide ○ OHA Data Visualization Style Guide (Chafetz and Essam) ○ City Intelligence Data Design (Brondbjerg) ○ Urban Institute Data Visualization Style Guide (Chartoff and Schwabish) ○ Style Guide collection

Slide 62

Slide 62 text

Notes and Attribution ● Prepared for Posit Conf 2023 in Chicago [September 19, 2023] ○ Aaron Chafetz, Senior Economist, USAID/Office of HIV/AIDS ○ Karishma Srikanth, Data Analyst, USAID/Office of HIV/AIDS ○ Support and feedback from: Josh Davis, Tim Essam, Jessica Hoehner, Baboyma Kagniniwa, and Amanda Makulec ● USAID Graphics Standards Manual and Partner Co-Branding (2020) ● Lisa Charlotte Muth Datawrapper Blog ● PEPFAR Annual Report to Congress (2022) ● Aaron Chafetz and Tim Essam “Data Visualization Style Guide” Office of HIV/AIDS (2020) ● Aaron Chafetz and Tim Essam “Visualizing Data: Using Data to Tell a Story” (2023) ● Image sources ○ “A man hand pointing or touching screen” indysystem [Adobe Stock] ○ “Paint brushes nex to drawing book and water color palette” Tim Arerbury [Unsplash] ○ “Person looking at painting” Antenna [Unsplash] ○ Nike Logo [Wikipedia] ○ “Person standing in front of trees” Andrew Neel [Unsplash] ○ “White paint palette with paint brush” Glen Carrie [Unsplash] ○ “A large grid of pins connected with string” ink drop [Adobe Stock] ○ “person holding white dandelion flower” Ivan Dostal [Unsplash] ○ “Painting by numbers with acrylics on cotton canvas is a hobby for practicing at home” Anna Huchak [Adobe Stock] ○ “Echo” wandering echos [Unsplash] ● Icon sourced from the Noun Project - Stairs by Setyo Ari Wibowo, hourglass by Mello, Laptop by Emmanuel Garcia Frias, Book by Abner Ignatius, Glasses by Nico Ilk