class: middle, title background-size: contain <!----- Make a pdf using: decktape generic --key=ArrowRight --load-pause 1800 --slides '1-43' --size '1216x684' "week-01/slides/smi105-week-1.html" week-01/slides/smi105-week-1.pdf -----> <br><br> # Overview and Introduction #### EDC101: Week 1 <br><br> **Dr. Calum Webb**<br> Sheffield Methods Institute, the University of Sheffield<br> [c.j.webb@sheffield.ac.uk](mailto:c.j.webb@sheffield.ac.uk)
--- class: middle, inverse # Sign in --- class: middle ## Learning outcomes .panelset[ .panel[.panel-name[What will I learn?] By the end of this week you will: * Lecture: How the module will operate, where to find more information, how to navigate the module resources, and what we will be doing each week. * Lecture: What is data visualisation, why do we do it, why does it matter, and how will we approach it? * Workshop: First steps in `ggplot2` and `R`: how do we create visualisations of data in `R` ] ] --- class: middle # Who are we? .pull-left[ <br> .center[ ## Calum Webb [c.j.webb@sheffield.ac.uk](mailto:c.j.webb@sheffield.ac.uk) Research on poverty and the child welfare system in the UK using secondary survey and administrative data in `R`. My most recent project has been about how investment in services for children improves their welfare and safety. ] ] .pull-right[ .center[ <br> For any general enquiries about administration during the module — registration, extensions, assessment submission, attendance, timetable issues, and so on — please contact the Student Experience team [smi@sheffield.ac.uk](mailto:smi@sheffield.ac.uk) who will be happy to help you. Remember, as per the module outline, that module leaders cannot grant extensions. ] ] --- class: inverse, middle # Here's some data visualisation I've done in my own work and hobbies --- class: hide-logo background-color: #006353 .pull-left[ .center[ <img src="images/caterpillar.jpg" width="50%" /> ] ] .pull-right[ .center[ <img src="images/ipse-map.png" width="80%" /> ] ] --- class: hide-logo background-color: #00AD92 .center[ <img src="images/cwip-app-map.png" width="95%" /> ] --- class: hide-logo background-color: #EADCC9 .center[ <img src="images/intersectional-inequalities.png" width="80%" /> ] --- class: hide-logo background-color: #FBFAE7 .center[ <img src="images/animal-1.png" width="50%" /> ] ### .right[.ac_yellow[I did a lot of Animal Crossing visualisation over the pandemic...]] --- class: hide-logo background-color: #FBFAE7 .center[ <img src="images/animal-2.png" width="100%" /> ] ### .right[.ac_yellow[Like...]] --- class: hide-logo background-color: #FBFAE7 .center[ <img src="images/animal-3.png" width="70%" /> ] ### .right[.ac_yellow[A lot.]] --- class: hide-logo, middle background-color: #000000 .pull-left-small[ <br><br><br><br><br><br><br><br><br><br><br><br><br> .center[ <img src="images/edm-1.png" width="100%" /> ] ] .pull-right-big[ .center[ <img src="images/edm-2.png" width="90%" /> ] ] --- class: inverse, middle .pull-left[ <br><br><br><br><br><br><br> # Enough about me, let me ask something about you. Go to [Wooclap.com](https://app.wooclap.com/FNJKHC) and enter code: **.tuos_blue[FNJKHC]** ] .pull-right[ .center[ <img src="images/wooclap-1.png" width="100%" /> ] ] --- class: inverse, middle #### Part I # Overview of the module: How will it work? --- class: middle # By the end of this module, you should know about: .pull-left[ <br> * The **theory** of data visualisation * The **practice** of data visualisation * How to be **critical** about both the theory and practice of data visualisation To do that, you will be learning how to *create* data visualisations using `R`, how to *design* data visualisations using best practice, and how to be *critical* of the data visualisations you make and see. We don't assume you know anything about data visualisation, coding, or information design before starting this class! ] .pull-right[ .center[ <img src="images/icons8-venn_diagram.svg" width="60%" /> ] ] --- class: middle # By the end of this module, you should know about: .pull-left[ <br> * The **theory** of data visualisation * **Why is the data visualised in the way it is?** * The **practice** of data visualisation * **How are key ideas implemented to create effective data visualisation?** * How to be **critical** about both the theory and practice of data visualisation * **What is the impact of the things we visualise and the way we visualise them on society and culture?** .grey[To do that, you will be learning how to *create* data visualisations using `R`, how to *design* data visualisations using best practice, and how to be *critical* of the data visualisations you make and see. We don't assume you know anything about data visualisation, coding, or information design before starting this class!] ] .pull-right[ .center[ <img src="images/icons8-venn_diagram.svg" width="60%" /> ] ] --- class: middle # Logistics * **Two** teaching sessions per week: ~1 hour lecture & ~2 hour practical workshop -- * **Lectures** will mostly focus on theory and critical awareness * 4pm-5pm on Tuesdays. Check your timetable for location information. Contact [smi@sheffield.ac.uk](mailto:smi@sheffield.ac.uk) if you have any timetable issues. -- * **Workshops** will focus on the practice of creating data visualisations * Two groups: 09:00-10:50 & 11:00-12:50 on Thursdays. Refer to your timetable to see which group you're in and the location. You cannot change groups unless you have a clash or a reasonable adjustment. -- * Slides and worksheets will be posted on Blackboard, usually worksheets will be posted after the workshops. * Lectures will be recorded either via Encore Lecture Capture or Blackboard Collaborate. **We do our best to ensure all lectures are recorded, but cannot guarantee this. You are expected to attend all lectures and workshops in person.** --- class: middle, inverse # Lecture recordings and uploaded worksheets are <u>not</u> a replacement for attending lectures and worksheets. --- class: middle, inverse # If attendance at lectures and workshops becomes very poor, we will stop providing lecture recordings. --- class: middle # Weekly Tasks * For most weeks there are **core** and **supplementary** tasks. * **You are required to complete core weekly tasks**. These are *formative* (ungraded) assessments; you will receive group feedback in the weekly workshops to help you improve and prepare for your *summative* (graded) assessments. * A full breakdown of all weekly tasks and topics is available [in the module handbook/resource list](https://calumwebb.co.uk/teaching/SMI105-content/reading-list/). * You are not required to complete the supplementary tasks, but you will probably do better in your assessment if you do. --- class: middle, inverse ## This is a 10-credit module and therefore it is expected it will require 100 study hours per student. Formal teaching hours for this module will take 30 hours (lectures and workshops). Therefore, as a rough guide, this means you should expect to devote around 4.5 hours of study time per week to this module during a 15-week semester. The [301 Skills Centre](https://sheffield.ac.uk/academic-skills) offer workshops and resources on time management and study skills. I would strongly recommend booking onto some of these! --- class: middle # Assessment .pull-left[ There are two assessments: * **Assessment 1**: due in November, is worth **30% of final grade**. You will be provided with some real contemporary data and asked to produce several different graphs and reflect on what they tell us about the topic. * **Assessment 2**: due in January, is worth **70% of final grade**. You will be asked to critique and reflect on a published article that contains a data visualisation, and consider how it might be improved. Then, you will need to improve it using the same or related data, explaining the decisions you took. ] .pull-right[ .center[ <img src="images/icons8-news.svg" width="60%" /> ] ] --- class: middle ## Academic Misconduct & Integrity .pull-left-big[ Types of academic misconduct: * **Plagiarism** * You must not resubmit already submitted work (self-plagiarism) in assessment, even if that work was used in a different course/institution. You must ensure all sources are adequately and correctly cited. * **Essay or code buying** * Self-explanatory: all of your work must be your own. * **Collusion** * While I encourage you to work together on the class exercises and weekly ungraded tasks, you must not work together on your assessments. I'd encourage you to pick different research topics than your friends so that you can still chat about your assessments without collusion. * **Fabrication** * You'll be expected to use real data and you must not fabricate data for the purpose of assessment. Fabricated/generated data is incredibly easy to spot. You will be caught. * **Generative AI (False Authorship)** * You must not use generative AI to write any of your code for you or to conduct any analysis used in your assessment. ] .pull-right-small[ .center[ <div class="figure"> <img src="images/ai-guide.png" alt="Generative AI Guidance Available on the Blackboard Pages under Assessment Information" width="80%" /> <p class="caption">Generative AI Guidance Available on the Blackboard Pages under Assessment Information</p> </div> ] ] --- class: middle # Getting help with your studies .pull-left[ * **Consultation and Feedback hours** I run two Consultation and Feedback hours per week, you can ask me questions about EDC101. If you want to book an appointment with me, please use the calendar [here](https://calendar.app.google/3N7v2r6zPYFo4SL7A) or on Blackboard. If no times suit you please get in touch with me by email. * **Blackboard Discussion Board** If you have any questions about the module or any tasks, including errors with `R` code, you can post for help on the Blackboard Discussion boards. Also, try to help other students with their questions — it will help you learn! ] .pull-right[ .center[ <img src="images/icons8-help.svg" width="60%" /> ] ] --- class: middle # Additional Resources & Workshops from the University .pull-left[ ## [Library](https://www.sheffield.ac.uk/library/study/workshops) Research Skills and Critical Thinking (RSCT) workshops: * [Discovering Information: Getting Started](https://www.sheffield.ac.uk/library/study/workshops) * [Discovering Information: A masterclass](https://www.sheffield.ac.uk/library/study/workshops) Online resources: * [How to read a journal article](https://xerte.shef.ac.uk/play.php?template_id=788#page1) * [Active reading for understanding](https://xerte.shef.ac.uk/play.php?template_id=1076) * [Tutorials A-Z](https://www.sheffield.ac.uk/library/study/tutorials) ] .pull-right[ ## [301 Skills Centre](https://students.sheffield.ac.uk/301) * [Academic skills refresher](https://301skills.shef.ac.uk/events/361/upcoming) * [Reading and note-taking at university](https://301skills.shef.ac.uk/events/263/upcoming) * [Managing your time and avoiding distractions](https://301skills.shef.ac.uk/events/71/upcoming) * Study Skills 1-to-1s ## [M.A.S.H.](https://www.sheffield.ac.uk/mash) [Statistics resources](https://www.sheffield.ac.uk/mash/stats-resources): * [First steps in R](https://www.sheffield.ac.uk/mash/stats-resources/r) * [R/Excel/SPSS for Ultra-Beginners](https://students.sheffield.ac.uk/mash/workshops/stats) * [1-to-1 Support](https://students.sheffield.ac.uk/mash/bookings) ] --- class: inverse, middle .pull-left[ <br><br><br><br> # Let's take a quick tour of the Blackboard page for EDC101 ] .pull-right[ .center[ <img src="images/icons8-web.svg" width="60%" /> ] ] --- class: inverse, middle #### Part II # Introduction to Data Visualisation --- background-color: #ffffff class: middle .pull-left[ <br><br><br><br> # What is the purpose of data visualisation? Why do we do it? * Re-open the [wooclap.com](https://app.wooclap.com/FNJKHC?from=event-page) app and go to Question/Activity 2 ] .pull-right[ .center[ <img src="images/wooclap-1.png" width="100%" /> ] ] --- .pull-left-small[ # Data Visualisation 1 **What is the main purpose?** ] .pull-right-big[ <br> <img src="smi105-week-1_files/figure-html/unnamed-chunk-18-1.png" width="700" height="450" /> ] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 2)] --- .pull-left-small[ # Data Visualisation 1 **What is the main purpose?** * To communicate information. ] .pull-right-big[ <br> <img src="smi105-week-1_files/figure-html/unnamed-chunk-19-1.png" width="700" height="450" /> ] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 2)] --- class: hide-logo, inverse background-color: #006353 .pull-left-small[ # Data Visualisation 2 **.tuos_blue[What is the main purpose?]** * To communicate information ] .pull-right-big[ <br> <img src="images/decreased-funding.png" width="90%" /> ] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 2)] --- class: hide-logo, inverse background-color: #006353 .pull-left-small[ # Data Visualisation 2 **.tuos_blue[What is the main purpose?]** * To communicate information * To tell a story ] .pull-right-big[ <br> <img src="images/decreased-funding.png" width="90%" /> ] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 2)] --- background-color: #ffffff .pull-left-small[ # Data Visualisation 3 **.tuos_blue[What is the main purpose?]** * To communicate information * To tell a story ] .pull-right-big[ <br><br><br><br><br><br> On a piece of paper in your notebook (if you have one), or by drawing with your finger or describing to your neighbour, draw a representation of the following table to illustrate the difference between "Party A"'s £2million commitment to spending and "Party B"'s £2billion commitment to spending. |Party |Spending Commitment | |:-------|:-------------------| |Party A |£2million | |Party B |£2billion | ] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 2)] --- background-color: #ffffff .pull-left-small[ # Data Visualisation 3 **.tuos_blue[What is the main purpose?]** * To communicate information * To tell a story * To use our visual sense to understand data, detect patterns, etc., rather than language and logical processing ] .pull-right-big[ <br> <img src="smi105-week-1_files/figure-html/unnamed-chunk-23-1.gif" width="700" height="450" /> ] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 2)] --- class: hide-logo, inverse background-color: #000000 .pull-left-small[ # Data Visualisation 4 **.tuos_blue[What is the main purpose?]** * To communicate information * To tell a story * To use our visual sense to understand data, detect patterns, etc., rather than language and logical processing ] .pull-right-big[ .center[ <img src="images/edm-2.png" width="80%" /> ] ] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 2)] --- class: hide-logo, inverse background-color: #000000 .pull-left-small[ # Data Visualisation 4 **.tuos_blue[What is the main purpose?]** * To communicate information * To tell a story * To use our visual sense to understand data, detect patterns, etc., rather than language and logical processing * To look cool! Data visualisation can be art. E.g. see Generative Data Visualisation Art by [Thomas Lin Pedersen](https://thomaslinpedersen.art/work/) and [Danielle Navarro](https://art.djnavarro.net/gallery/) ] .pull-right-big[ .center[ <img src="images/edm-2.png" width="80%" /> ] ] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 2)] --- class: inverse, middle # ‘[Data visualisation is] the representation and presentation of data to facilitate understanding’ .right[Andy Kirk, (2016), Data Visualisation: A Handbook for Data Driven Design] --- class: inverse, middle # What assumptions do these data visualisations make, and reinforce, about society? --- .pull-left-small[ # Data Visualisation 1 ] .pull-right-big[ <br> .center[ <img src="smi105-week-1_files/figure-html/unnamed-chunk-26-1.png" width="700" height="450" /> ]] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 3)] --- .pull-left-small[ # Data Visualisation 1 * Assumes everyone is able to access red-green colour schemes ] .pull-right-big[ <br> .center[ <img src="smi105-week-1_files/figure-html/unnamed-chunk-27-1.png" width="700" height="450" /> ]] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 3)] --- class: hide-logo background-color: #EADCC9 .pull-left-small[ # Data Visualisation 2 * Assumes everyone is able to access red-green colour schemes ] .pull-right-big[ <br> .center[ <img src="images/intersectional-inequalities.png" width="90%" /> ]] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 3)] --- class: hide-logo background-color: #EADCC9 .pull-left-small[ # Data Visualisation 2 * Assumes everyone is able to access red-green colour schemes * Reinforces the idea that ethnicity and race can be categorised into distinct groups ] .pull-right-big[ <br> .center[ <img src="images/intersectional-inequalities.png" width="90%" /> ]] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 3)] --- .pull-left-small[ # Data Visualisation 3 * Assumes everyone is able to access red-green colour schemes * Reinforces the idea that ethnicity and race can be categorised into distinct groups ] .pull-right-big[ <br> .center[ <img src="images/Political_map_of_Canada.svg.png" width="75%" /> ]] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 3)] --- .pull-left-small[ # Data Visualisation 3 * Assumes everyone is able to access red-green colour schemes * Reinforces the idea that ethnicity and race can be categorised into distinct groups * Reinforces dominant (settler) forms of knowledge over other (indigenous) forms of knowledge ] .pull-right-big[ <br> .center[ <img src="images/map-of-aboriginal-groups-in-canada-treaty-6-wikipedia-of-map-of-aboriginal-groups-in-canada.png" width="90%" /> ]] .footnote[Wooclap event code: app.wooclap.com/FNJKHC (Activity 3)] --- class: inverse, middle # “If you’re designing technology for society and you don’t know anything about society, you’re unqualified.” .right[Quote from Safiya Noble presenting her book Algorithms of Oppression, hosted by Open Data Manchester, 8th May 2018 ] --- class: inverse, middle ## “…some groups experience unearned advantages—because various systems have been designed by people like them and work for people like them—and other groups experience systematic disadvantages—because those same systems were not designed by them or with people like them in mind” .right[D’Ignazio, C. and Klein, L. (2020) Data Feminism (p.24)] --- class: middle # Summary: So, what is data visualisation? * Data visualisation is an **object** — a chart, a graph, a map — that follows a set of rules and principles, where parameters are defined by data -- * Data visualisation is also a **process** — an act of transformation and reproduction of best practice in order to tell a story or to make sense of the world visually -- * Data visualisation is also a **social phenomenon** — it is related to power, can reinforce or challenges societal norms or assumptions, and shapes how people engage with information --- # The rest of this week: .pull-left[ **Before week 2**: **Core tasks**: * Before lecture: Read this module handbook in full * Before workshop: If you’ve got a personal machine and would like to use it, get R and RStudio installed on it (instructions on how to do this will be in the Week 2 learning resources folder) * Having done so, work through the workshop handout once again to check it works on your machine (if it doesn’t, don’t worry, we’ll go through and troubleshoot it together) **Supplementary tasks:** * Before lecture: Read Top 5 things to look for in a visualisation on the Seeing Data website: https://seeingdata.org/developing-visualisation-literacy/top-5-things-to-look-for-in-a-visualisation/ ]