Intro to Data Visualization & Infographics
Transcript of Intro to Data Visualization & Infographics
![Page 1: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/1.jpg)
Intro to Data Visualization & In fo g r a p h ic s
Ashley Salmon, MPHBridgette Schram, MS
Center for Leadership in DisabilitySchool of Public HealthGeorgia State University
![Page 2: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/2.jpg)
What is Data Viz ?
And what role does it play in data dissemination…
![Page 3: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/3.jpg)
Data Pr oc ur e me nt Da t a Vi zDa t a
Ana l ys i sDa t a
Di s s e mi na t i on
![Page 4: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/4.jpg)
Research to PracticeQuestions to Consider
1. Where do data come from?2. Where do data go?3. How can data actually help the public?4. How much data don’t make it to the communities they implicate?
![Page 5: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/5.jpg)
Why are data lost?
Boring (to some) Stagnation Hard to
comprehend
InaccessibleNot designed for the lay person
![Page 6: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/6.jpg)
Data LiteracyData can be more accessible
through visuals
![Page 7: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/7.jpg)
There are many wa ys t o vis u a lize d a t a .
![Page 8: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/8.jpg)
Bar Graphs
![Page 9: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/9.jpg)
Pie Charts
![Page 10: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/10.jpg)
![Page 11: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/11.jpg)
I use Infographicsto visualize data.
![Page 12: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/12.jpg)
An infographic aims to highlight the major findingsin a n e n g a g in g a n d a e s th e t ic a lly p le a s in g wa y wh ile b e in g responsive to the goal of the project .
![Page 13: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/13.jpg)
![Page 14: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/14.jpg)
Data Visualization allows us to:
See what the numbers
represent
Highlight important numbers
Compare & Relate
Breakdown components
Layer information based on
importance
![Page 15: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/15.jpg)
See what numbers represent
Compare & Relate
![Page 16: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/16.jpg)
Breakdown Components
Highlight Important numbers
![Page 17: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/17.jpg)
Four Components
Developthe Story
Identify the Content
Decide the Design
Choose the Visuals
![Page 18: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/18.jpg)
Accessibility Co n s id e r a t io n s
![Page 19: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/19.jpg)
Accessibility vs Ac c o m o d a t io n s
![Page 20: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/20.jpg)
Story
Audience – The WHO• Who are you creating the infographic for?
Purpose – The WHY• Why do you want to share these data? (e.g. to inform,
improve, guide)
Message – The WHAT• What do you want people to learn or take away from your
infographic?
![Page 21: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/21.jpg)
Organizing t h e
Na r r a t ive
Title: Supported Decision-Making: a Path to Dignity & Autonomy
Summary/Goal: Guardianship can be harmful, supported decision-making offers a better way to support people with disabilities
Main Objective 1: Guardianship infringes on the rights of people with disabilities and causes harm and is NOT proven to be a better alternative
Main Objective 2: Supported Decision-Making is an accommodation for legal capacity or standing on equal legal footing with others, having full civil and human rights. Supported Decision-Making allows for people with IDD to have full civil and human rights.
Conclusion: supported decision-making (the process of using trusted supporters to understand, make and communicate decisions to others) creates opportunities for people with disabilities to direct their own lives and experience full community membership.
![Page 22: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/22.jpg)
Content
Title• Relevant, engaging, succinct
Introduction• Lays foundation for the main message• Include Important background and contextual information
Main Points• 2-3 main points, organized in clear order
Conclusion• Convey next steps and/or where to go for more information• Call to Action
Credit• Credible sources, cited appropriately
![Page 23: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/23.jpg)
Organizing t h e
Na r r a t ive
1. Title: Supported Decision-Making: a Path to Dignity & Autonomy
2. Summary/Goal: Guardianship can be harmful, supported decision-making offers a better way to support people with disabilities [define supported decision-making]
3. Main Objective 1: Guardianship infringes on the rights of people with disabilities and causes harm and is NOT proven to be a better alternative
4. Main Objective 2: Supported Decision-Making is an accommodation for legal capacity or standing on equal legal footing with others, having full civil and human rights. Supported Decision-Making allows for people with IDD to have full civil and human rights.
5. Conclusion: supported decision-making (the process of using trusted supporters to understand, make and communicate decisions to others) creates opportunities for people with disabilities to direct their own lives and experience full community membership.
6. Where does one go for more information? (website, email address, etc.) [email protected]
7. Logo(s): see attached
8. Any suggested vector images to include? pathway w/bridge, unlocked door
![Page 24: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/24.jpg)
First Draft: first attempt at finding relevant vector images, minimal information, mono -color, incomplete layout
![Page 25: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/25.jpg)
Second Draft: replaced some vector images, more information, three colors/shades, incomplete layout
![Page 26: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/26.jpg)
Third Draft: a lot more information (busy), more vector images and lines, complete layout
![Page 27: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/27.jpg)
Organizing t h e
Na r r a t ive
1. Title: Supported Decision-Making: a Path to Dignity & Autonomy2. Summary/Goal: Guardianship can be harmful, supported decision-making offers a better way to support
people with disabilities [define supported decision-making]3. Main Objective 1: Guardianship infringes on the rights of people with disabilities and causes harm and is
NOT proven to be a better alternativea. Review of 22 projects & studies, over 35 years did not find any evidence guardianship leads to
positive life outcomes for people who are subject to it.b. Estimated 1.3 million Americans subject to guardianship, 45 to 55 percent of people with ID/DD
are in some form of guardianshipc. 'The typical [person subject to guardianship] has fewer rights than the typical convicted felon”
Congressman Claude Pepperd. For young adults with ID/DD, guardianship decreases the development of self-determination skills
necessary for life after high school, such as critical thinking, self-advocacy, and knowledge of one’s own skills, interests, strengths, and weaknesses
4. Main Objective 2: Supported Decision-Making is an accommodation for legal capacity or standing on equal legal footing with others, having full civil and human rights. Supported Decision-Making allows for people with IDD to have full civil and human rights.
a. Increased self-determination (making and having your decisions respected) leads to better/increased more positive outcomes (healthier, more independent, more likely to be employed, and better able to recognize and resist abuse).
b. Adoption of SDM leads to a decrease in guardianship c. People with disabilities, their supporters and allies report an increase in dignity when using
supported decision-making to make decisions5. Conclusion: supported decision-making (the process of using trusted supporters to understand, make and
communicate decisions to others) creates opportunities for people with disabilities to direct their own lives and experience full community membership.
6. Where does one go for more information? (website, email address, etc.) [email protected]. Logo(s): see attached8. Any suggested vector images to include? pathway w/bridge, unlocked door
![Page 28: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/28.jpg)
Final Draft: color adjustment, reduced amount of vector images and information to achieve balance & clarity
![Page 29: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/29.jpg)
Visuals
Relevance• Visuals connect to the text and are useful in conveying the
main message • They are purposeful.
Interpretability• Visuals are simple, clear and easy to understand and
interpret.• Supports interpretability of data
Representativeness• The size of visual represents relative importance,
emphasizing main message• Presented truthfully without misrepresentation
Quality• Images are high resolution, not blurry or pixelated
Voice• Visuals and data “show” the story• Culturally appropriate and accessible to the audience
![Page 30: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/30.jpg)
![Page 31: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/31.jpg)
Design
Layout• Appropriate for information (e.g. timeline, descriptive,
categorical, comparison• Method of dissemination
Color• Simple and consistent• Contrasting colors
Font• Emphasizes hierarchy of info• Easy to read (size & sans serif)
Balance• Directs focus to main points• Not skewed to one side or section of the page
Flow• Words and visuals flow with a sense of unity• Use of visual cues to support direction and main points
Size• Size of infographic based on method of distribution
![Page 32: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/32.jpg)
![Page 33: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/33.jpg)
![Page 34: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/34.jpg)
![Page 35: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/35.jpg)
![Page 36: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/36.jpg)
![Page 37: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/37.jpg)
What did you n o t ic e ?
![Page 38: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/38.jpg)
2 - 3 s h a d e s / c o lo r s
2 - 3 fo n t s / fo n t s ize s
Min im a l wo r d s
Ac c e s s ib le la n g u a g e
Im a g e s
Nu m b e r s
Sh a p e s
Lin e s
![Page 39: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/39.jpg)
Resource Mapping fo r So c ia l-Em o t io n a l Su p p o r t s in Sc h o o ls
![Page 40: Intro to Data Visualization & Infographics](https://reader030.fdocuments.in/reader030/viewer/2022012808/61bd91613d977422277a0159/html5/thumbnails/40.jpg)