diff --git a/04.critique/dubois-hourglass.png b/04.critique/dubois-hourglass.png new file mode 100644 index 0000000..ff460d9 Binary files /dev/null and b/04.critique/dubois-hourglass.png differ diff --git a/04.critique/dubois-slaves.jpg b/04.critique/dubois-slaves.jpg new file mode 100644 index 0000000..9882050 Binary files /dev/null and b/04.critique/dubois-slaves.jpg differ diff --git a/04.critique/eye-colors.webp b/04.critique/eye-colors.webp new file mode 100644 index 0000000..b526b1e Binary files /dev/null and b/04.critique/eye-colors.webp differ diff --git a/04.critique/gender.png b/04.critique/gender.png new file mode 100644 index 0000000..2e5d4c0 Binary files /dev/null and b/04.critique/gender.png differ diff --git a/04.critique/github.png b/04.critique/github.png new file mode 100644 index 0000000..fd1b455 Binary files /dev/null and b/04.critique/github.png differ diff --git a/04.critique/iraq.jpg b/04.critique/iraq.jpg new file mode 100644 index 0000000..be85ed3 Binary files /dev/null and b/04.critique/iraq.jpg differ diff --git a/04.critique/military2.png b/04.critique/military2.png new file mode 100644 index 0000000..560f2c9 Binary files /dev/null and b/04.critique/military2.png differ diff --git a/04.critique/ny-radial.jpg b/04.critique/ny-radial.jpg new file mode 100644 index 0000000..dac74bd Binary files /dev/null and b/04.critique/ny-radial.jpg differ diff --git a/04.critique/nz.png b/04.critique/nz.png new file mode 100644 index 0000000..f632346 Binary files /dev/null and b/04.critique/nz.png differ diff --git a/04.critique/slides.html b/04.critique/slides.html index 6848056..e73c7aa 100644 --- a/04.critique/slides.html +++ b/04.critique/slides.html @@ -13,10 +13,10 @@ /* custom-theme.css */ /* @theme custom-theme */div#\:\$p>svg>foreignObject>section .container{display:flex}div#\:\$p>svg>foreignObject>section .col{flex:1} -/* @theme q6epouhohuftqt7gi0agna6chafgshc53sizhtcy7chj */div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]{columns:initial!important;display:block!important;padding:0!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]:after,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]:before,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content]:after,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content]:before{display:none!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]{all:initial;display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container][data-marpit-advanced-background-direction=vertical]{flex-direction:column}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split]>div[data-marpit-advanced-background-container]{width:var(--marpit-advanced-background-split,50%)}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split=right]>div[data-marpit-advanced-background-container]{margin-left:calc(100% - var(--marpit-advanced-background-split, 50%))}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]>figure{all:initial;background-position:center;background-repeat:no-repeat;background-size:cover;flex:auto;margin:0}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]>figure>figcaption{position:absolute;border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content],div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=pseudo]{background:transparent!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=pseudo],div#\:\$p>svg[data-marpit-svg]>foreignObject[data-marpit-advanced-background=pseudo]{pointer-events:none!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background-split]{width:100%;height:100%}
+/* @theme 77steilngbo5x5285jqdqon1u1c6dwsolrini7ejgxd */div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]{columns:initial!important;display:block!important;padding:0!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]:after,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]:before,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content]:after,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content]:before{display:none!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]{all:initial;display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container][data-marpit-advanced-background-direction=vertical]{flex-direction:column}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split]>div[data-marpit-advanced-background-container]{width:var(--marpit-advanced-background-split,50%)}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split=right]>div[data-marpit-advanced-background-container]{margin-left:calc(100% - var(--marpit-advanced-background-split, 50%))}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]>figure{all:initial;background-position:center;background-repeat:no-repeat;background-size:cover;flex:auto;margin:0}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]>figure>figcaption{position:absolute;border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content],div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=pseudo]{background:transparent!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=pseudo],div#\:\$p>svg[data-marpit-svg]>foreignObject[data-marpit-advanced-background=pseudo]{pointer-events:none!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background-split]{width:100%;height:100%}

Critique / Models of Good Data Visualization

-
+

This Week

  • Review common rules & mistakes.
  • @@ -24,7 +24,7 @@
  • Look at a lot of data viz examples.
-
+

Reminder: Color

  • Appropriate & consistent use of color for data type.
  • @@ -33,7 +33,7 @@
  • Accessibility: contrast, color vision deficiency, legibility
-
+

Reminder: Data / Chart Integrity

  • Data variation, not design variation.
  • @@ -43,7 +43,7 @@
  • Alignment/Proximity: make comparisons easy & avoid misleading choices like changing axes between two otherwise identical graphs
-
+

What to Look For

Expressiveness: Does every choice further the understanding of the data?

    @@ -60,7 +60,7 @@
  • Appropriate use of grouping/sorting.
-
+

Critique

  • What is the purpose of critique?
  • @@ -68,7 +68,7 @@
  • Taking Critique
-
+

Purpose of Critique

You are the expert on your data source, and it can be challenging to look at things through the eyes of your audience.

Also it is likely that you've stared at variations of the same chart for an hour or more, easily overlooking small flaws.

@@ -80,7 +80,7 @@
  • Consider alternative solutions.
  • -
    +

    Giving Critique

    Be specific. If your first impulse is "I like it/I don't like it" go deeper and connect with why. Does it violate principles? Does a color choice stress your eye?

    Give your interpretation. What do you take away from the graphic as-is. Where is your eye drawn? Check your understanding against intention.

    @@ -93,24 +93,24 @@

    Be respectful. Be mindful of your tone and word choice.

    -
    +

    What to Avoid (Giving Critique)

    Comments on creator. "You always...", "What were you thinking?", etc. Stay focused on the work.

    Bike-shedding. Suggesting arbitrary changes based on your preferences. "If I made this, I'd have chosen green."

    -
    +

    Receiving Critique

    Listen without defensiveness. Do not interrupt initial feedback to defend/clarify your intentions, doing so will lead to missing important first impressions.

    Separate yourself from the work. Remember the context you are doing this in, your peer is giving you their time to improve your work.

    Ask clarifying questions. If you do not understand why their interpretation is what it is, ask! Take the opportunity to learn more about what a new viewer will see.

    Look for patterns. Feedback may be unique or contradictory. Focus on trends in the feedback that point to common issues.

    -
    +

    What to Avoid (When Receiving Critique)

    Convincing. If someone misunderstood your viz, others will too. There's nothing to be gained by convincing them they actually do understand it.

    Assuming all feedback is correct. If you disagree with a piece of feedback, it is OK to thank the person for it and not incorporate that into your changes if you feel strongly it was off base. There's generally no need to debate them on the spot however.

    -
    +

    Suggested Peer Critique Process

    1. @@ -124,7 +124,7 @@
    -
    +
    1. Offer constructive criticisms and other suggestions for improvements and things to try. Author should mostly listen at this point, take notes, avoid the urge to respond to each piece of feedback as offered.

      @@ -141,25 +141,31 @@
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Readings & Sources

    Crimean War via Livia, <https://edstem.org/us/courses/68015/discussion/5428917>

    1% of 1% via <https://sunlightfoundation.com/2013/06/26/1pct_of_the_1pct_polarization/>

    Chicago Racial Segregation via Miguel, <https://edstem.org/us/courses/68015/discussion/5441644>

    Grammys via Ruben, <https://edstem.org/us/courses/68015/discussion/5452397>

    DiCaprio via Amber

    Will's NC Seats via <https://projects.fivethirtyeight.com/partisan-gerrymandering-north-carolina/>

    KFC from Minh

    hungarian immigration from Dorka

    military from Tori

    inequality by Yi-Huai

    Fox from Andrew

    tribes in texas from Echo

    \ No newline at end of file +

    Crimean War via Livia, <https://edstem.org/us/courses/68015/discussion/5428917>

    1% of 1% via <https://sunlightfoundation.com/2013/06/26/1pct_of_the_1pct_polarization/>

    Chicago Racial Segregation via Miguel, <https://edstem.org/us/courses/68015/discussion/5441644>

    Grammys via Ruben, <https://edstem.org/us/courses/68015/discussion/5452397>

    DiCaprio via Amber

    Will's NC Seats via <https://projects.fivethirtyeight.com/partisan-gerrymandering-north-carolina/>

    KFC from Minh

    hungarian immigration from Dorka

    military from Tori

    part 2 of military expenditure

    NZ

    gender

    ny radial

    tx radial

    iraq

    inequality by Yi-Huai

    Fox from Andrew

    tribes in texas from Echo

    \ No newline at end of file diff --git a/04.critique/slides.md b/04.critique/slides.md index fdd39a6..bb14ef3 100644 --- a/04.critique/slides.md +++ b/04.critique/slides.md @@ -184,6 +184,36 @@ Extra eyes will help you identify what people are actually taking away from your --- +![bg fit](military2.png) + + +--- + +![bg fit](nz.png) + + +--- + +![bg fit](gender.png) + + +--- + +![bg fit](ny-radial.jpg) + + +--- + +![bg fit](tx-radial.jpg) + + +--- + +![bg fit](iraq.jpg) + + +--- + ![bg fit](inequality.jpg) @@ -201,7 +231,31 @@ Extra eyes will help you identify what people are actually taking away from your --- +![bg fit](eye-colors.webp) + + + +--- + +![bg fit](dubois-slaves.jpg) + + + +--- + +![bg fit](dubois-hourglass.jpg) + + + +--- + +![bg fit](github.png) + + + +--- + ## Readings & Sources - [Critiquing data visualizations: A discussion on channeling empathy and productivity]( https://www.tableau.com/blog/critiquing-data-visualizations-channel-empathy-and-be-productive) -- TODO: https://policyviz.com/2020/07/19/critiquing-a-data-visualization-critique/ +- diff --git a/04.critique/tx-radial.jpg b/04.critique/tx-radial.jpg new file mode 100644 index 0000000..0f97cd8 Binary files /dev/null and b/04.critique/tx-radial.jpg differ