SlideShare a Scribd company logo
1 of 32
Download to read offline
How to Create
Your Mixed Chart INFOGRAPHIC
1
2
Table of Contents
Type of Infographic You Will Create and Requirements .........................................................................................3-4
Decide the Target Audience and Purpose................................................................................................................5
Decide the Topic and Write a Working Thesis ...........................................................................................................6-8
Find Statistical Data .......................................................................................................................................................9
Identify the Data Story...................................................................................................................................................10
Focus Your Data Story ...................................................................................................................................................11
Create the Textual Outline ..........................................................................................................................................12-18
Create the Wireframe ...................................................................................................................................................19-21
Create the Right Type of Chart(s) ...................................................................................................................22
Decide the Isotype You Will Create.................................................................................................................23-27
Decide What Number(s) You Will Visualize .....................................................................................................28
Decide How You Will Create the Infographic (what tool(s) you will use) .............................................................29
About Templates and How to Avoid Plagiarism .......................................................................................................30-31
Submitting Your Infographic.........................................................................................................................................32
Definition of the
Type of Infographic You Will Create
3
You will need to create a Mixed Chart type of infographic.
• This type of infographic tells a data story by visualizing statistical
data in a mix of charts, visualized numbers, and isotypes
(pictographs or pictograms).
• You will need at least three different charts (bar, pie, column,
line, or scatter plot), plus one isotype and one visualized
number.
Note this requirement: Do not use visuals of graphs, charts, or
isotype (pictographs/pictogram) from sources in your infographic.
All graphs, charts, and isotypes must be created by you. You may,
of course, use the features in free infographic creators to create
these visuals.
4
Examples of Mixed Chart Infographics
Decide the
Target Audience and Purpose
Your audience should be non-specialized (i.e. a lay
audience), but you will need to narrow the focus to target
a specific lay audience.
For example, if you chose parents of a child recently
diagnosed with autism as your audience, your infographic
purpose could be to educate by presenting statistical facts
about autism.
Identify your infographic's purpose with a verb.
• to Persuade?
• to Educate?
• to Inform?
5
Decide the Topic and
Write Working Thesis
6
• Consider telling a data story on a topic that is in
your field of study. But, you may choose any topic
as long as it is not a trivial subject.
• Just as in writing a paper, your topic needs to be
developed into a working thesis (one you may
decide to change later). For now, answer this
question:
• What is the thesis (main point) you plan to
support with the data you will visualize?
7
A clear thesis will help you
govern how you focus the
layout of your data.
Notice how multiple sets of
data are visualized around a
single thesis in this infographic:
The Current State of Backup
for Mac Users.
Avoid a thesis that is politicizing or
sensationalizing a data story.
8
Find Statistical Data
9
• Explore the open-source databases and links to other
statistical sites on the project page.
Identify the Data Story
Once you have decided your topic, audience, purpose,
thesis, and found statistical data, you will need to analyze it
to identify what aspects of the data will best support the
story you want to tell.
To do that, it’s best to gather the data into one place such
as cutting and pasting into a word file or downloading into
an Excel spread sheet.
• Look for changes over time.
• Differences or similarities between items.
• Identify parts of a whole.
• Identify the relationship between two or more variables.
10
Focus Your Data Story
Just as when writing a paper, you must decide how much
content you will need to support your thesis.
Focus on identifying key points from the data that you want
to present visually in your story to support your thesis.
Work recursively. This means, that although you have
already made some decisions, allow yourself room to make
adjustments as you process the data and focus the story.
11
Create the
Textual Outline
12
You will need to write some copy (i.e. text) for your
infographic.
Writing a textual outline before you begin designing
the infographic will help you consider what data that
you have gathered will be best for the required mix
of different charts; the isotype; and visualized
visualized number.
A textual outline conveys the main ideas and
supporting points but does so with a minimal amount
of text.
What to include in your textual outline
Write a Title that conveys your infographic's topic.
Example:
Title: The Rising Cost of Health Care
13
Write an Introduction
The introduction should state your thesis in 1 or 2
lines. Work on composing engaging copy.
Example:
Title: The Rising Cost of Health Care (topic)
Introduction: Your Health Care May be Eating Up More
of Your Wallet Than You Think (thesis)
14
What to include in the body of the outline.
Body. Write the supporting points that will serve as
titles for the data you will visualize. Again, keep text
to a minimum.
Example:
Title: The Rising Cost of Health Care (topic)
Introduction: Your Health Care Bills Are Eating Up More of
Your Wallet Than You Think (thesis)
• Supporting Point 1: 41% of Adults in America Had Trouble
Finding the Care They Needed Because of Costs
Repeat for all supporting points.
15
What to include for a conclusion.
The layout of your infographic may lead to an
implied conclusion or you may need to state it
explicitly.
If you state your conclusion, write it as a single line
of text at the end of the infographic.
16
What to include about sources.
Cite the source(s) of your statistical data. The URL address and
title of site is sufficient. Example:
• healthcare.gov; Commonwealth Fund for Studying Health
System Changes
If you used icons from a free website, cite the source based
on how the site asks you to credit the author for free icons.
17
Example: when you
download an icon from
Flaticon, you are prompted
to copy the citation.
18
Example of a Complete Textual Outline
Title: The Rising Cost of Health Care (Topic)
Introduction: (Thesis)
Your Health Care Bills Are Eating Up More of Your Wallet Than You Think
Supporting Point 1: 41% of Adults in America Had Trouble Finding the Care They
Needed Because of Costs
Supporting Point 2: 60% of Personal Bankruptcies are Linked to Medical Bills
Supporting Point 3: Healthcare Increased Nearly 1.5 faster than wages between 1989
and 2011.
Supporting Point 4: Out-of-Pocket Costs are Increasing for All Americans. Adults with
incomes
• $22K or below spent 21% in 2001, 26% in 2005, and 50% in 2010
• $22K to $44K spent 38% in 2001, 26% in 2005, and 41%in 2010
• above $44K spent 16% in 2001, 21% in 2005, and 23%in 2010
Supporting Point 5: In 2011, the average family in the US will spend more than $15K
for healthcare coverage.
• This is the price of a Ford Fiesta.
Conclusion. Do you know how much you spent on healthcare last year?
Sources for Statistical Data: healthcare.gov; Commonwealth Fund for Studying Health
System Changes
Adapted from Good - https://www.good.is/infographics/infographic-see-how-much-your-health-care-costs-
are-rising
Create a Wireframe
19
A wire frame is another name for a sketch of your
infographic. At a minimum, your wireframe needs to include
the following:
1. Three Different Charts visualizing different data appropriate to
the type of chart (column, bar, pie, line graph, etc.)
2. One Visualized Number
3. One Isotype, remember to
include a legend depicting
the number each icon represents
or an x out of y number statement.
You may use more than one of each type in your infographic.
The Easiest Way for a Beginner to Create
a Wireframe is to Draw it By Hand.
20
As you draw, note where you are
applying the design principles
explained in slidedoc 1. It may be
useful to have that slidedoc open as
you sketch.
Take a photo of your wireframe with
your smart phone or scan it to submit
with your finished deliverables.
The file size of a phone photo or a
scan will be huge, so compress the
file using smallpdf.com. It's free, easy
to use, and you don't even need to
create an account.
Include the Following in your Wireframe
21
• Placement of titles, subtitles, and introduction,
• Placement of visualized numbers,
• Rough sketches of the charts you will create,
• Rough sketches of the icons in the isotype (pictograph,
pictogram) you will create.
Note this requirement: no source visuals may be used to
create the infographic except for icons.
Create the right type of chart(s).
22
Decide the Isotype
• Isotype (International System Of Typographic Picture
Education) is a symbolic way of representing quantitative
information via easily interpretable icons.
• More modern terminology refers to these types of
representations as pictograms or pictographs.
• Your infographic will need to include one isotype graphic.
See options for how to create isotypes under Tools and Resources.
23
Example of an Isotype (Pictogram):
24
Isotypes require a
legend to show
viewers what each
figure represents.
If using less than 10
figures, an X out of Y
statement can be
used.
25
Example of an
isotype
pictograph.
Notice the
labels on the
x/y axis as well
as the icons
that represent
the data
points.
26
An example of a
pictograph that doesn’t
work.
Except for putting icons
of cameras in the
columns, the data isn’t
being visualized in a way
that would be easier to
understand than a
standard column chart.
Notice also how the lack
of labels on the x and y
axis makes the chart
impossible to follow.
Be Accurate
In this infographic, 4 stick people
represent 43,406 nurses in
2010/11 and 32 stick people are
used to represent 46,573 nurses in
2011/12.
The difference in the actual
numbers is a 7% increase.
But the difference between the
stick people is a 700% increase.
The isotype is visually So, the
infographic is misrepresenting
the data.
27
Decide What Number(s) You Will Visualize
28
Visualize at least one of the
numbers, but you may want
to emphasize more than one.
NOTE: this example is
provided just to show you
how numbers can be
visualized, but it is not
meeting the three chart
requirement.
Decide How You Will Create the
Infographic.
• Use a Free Infographic Creator Tool. See a list of these under
tools and resources on the project page. Canva and Visme
are popular tools.
• Use Word or a single slide in PowerPoint. You will need to
adjust the page size.
• Use Microsoft Publisher. PC users will have access to this
software, but it is not available for Mac users.
• If you are familiar with using more sophisticated graphic
design tools such as Adobe Photoshop or Illustrator, Gimp,
etc., feel free to use whatever works best for you.
See Tools and Resources for more information about these options.
29
About Using Templates
You may use a template as a
model or a basic starting point for
your infographic.
Change icons, colors, fonts etc. to
reflect YOUR ability to use graphic
design principles.
And in your screencast design
justification, you must clarify which
parts of the template you changed
as well as discuss how the template
reflects principles of effective
graphic design.
30
31
An infographic template that can be
customized by just plugging in the data
is not acceptable, and will be
considered a form of plagiarism if used
for this project.
Submitting Your Infographic
You may submit your infographic to bblearn
an image file (jpeg, png etc.),
a document file (Word, PPT, PPX, PDF).
or
the URL to where your file is hosted if you created it in a free
infographic creator.
• NOTE: if you create your infographic using Publisher,
please save and submit it as a PDF because I use a Mac
and cannot view Publisher files.
32

More Related Content

Similar to Engl317 project3 slidedoc2_howto_createyourinfographic

Engl313 ada project4_slidedoc2
Engl313 ada project4_slidedoc2Engl313 ada project4_slidedoc2
Engl313 ada project4_slidedoc2coop3674
 
Storyboarding for Data Visualization
Storyboarding for Data VisualizationStoryboarding for Data Visualization
Storyboarding for Data VisualizationAmanda Makulec
 
Data journalism presentation
Data journalism presentationData journalism presentation
Data journalism presentationKwami Ahiabenu,II
 
Editable Certificate and Transcript Design_ Enhancing Your Brand’s Profession...
Editable Certificate and Transcript Design_ Enhancing Your Brand’s Profession...Editable Certificate and Transcript Design_ Enhancing Your Brand’s Profession...
Editable Certificate and Transcript Design_ Enhancing Your Brand’s Profession...aminulislam661165
 
Infographics assignment
Infographics assignmentInfographics assignment
Infographics assignmentKaren Freberg
 
Nediger_Infographics_2019.pdf
Nediger_Infographics_2019.pdfNediger_Infographics_2019.pdf
Nediger_Infographics_2019.pdfPitchcliff
 
Week 3 - News StorySeeing is BelievingWhile we can easily become.docx
Week 3 - News StorySeeing is BelievingWhile we can easily become.docxWeek 3 - News StorySeeing is BelievingWhile we can easily become.docx
Week 3 - News StorySeeing is BelievingWhile we can easily become.docxnealralix138661
 
August Designstorm: Alternative Reporting Formats
August Designstorm: Alternative Reporting FormatsAugust Designstorm: Alternative Reporting Formats
August Designstorm: Alternative Reporting FormatsAmanda Makulec
 
Introduction to Infographic Design
Introduction to Infographic DesignIntroduction to Infographic Design
Introduction to Infographic DesignAmanda Makulec
 
QUESTION 1 1. Create a clustered bar graph showing employment stat.docx
QUESTION 1 1. Create a clustered bar graph showing employment stat.docxQUESTION 1 1. Create a clustered bar graph showing employment stat.docx
QUESTION 1 1. Create a clustered bar graph showing employment stat.docxmakdul
 
The Data Stroytelling Handbook
The Data Stroytelling HandbookThe Data Stroytelling Handbook
The Data Stroytelling Handbookssuserd075da
 
Structuring Information Before DITA
Structuring Information Before DITAStructuring Information Before DITA
Structuring Information Before DITASteven Jong
 
Copyright © 2014 EMC Corporation. All rights reserved.Copy.docx
Copyright © 2014 EMC Corporation. All rights reserved.Copy.docxCopyright © 2014 EMC Corporation. All rights reserved.Copy.docx
Copyright © 2014 EMC Corporation. All rights reserved.Copy.docxdickonsondorris
 
DUE DATE Sunday, 29 March 1159 pm (digital copy to Canvas)Essa.docx
DUE DATE Sunday, 29 March 1159 pm (digital copy to Canvas)Essa.docxDUE DATE Sunday, 29 March 1159 pm (digital copy to Canvas)Essa.docx
DUE DATE Sunday, 29 March 1159 pm (digital copy to Canvas)Essa.docxmadlynplamondon
 
Infographics_101_Training_June_2019_1-min_1.pdf
Infographics_101_Training_June_2019_1-min_1.pdfInfographics_101_Training_June_2019_1-min_1.pdf
Infographics_101_Training_June_2019_1-min_1.pdfStitpragyaTechnologi
 
MODULE 3- Planning and Conceptualizing.pptx
MODULE 3- Planning and Conceptualizing.pptxMODULE 3- Planning and Conceptualizing.pptx
MODULE 3- Planning and Conceptualizing.pptxFrenzDelaCruz2
 
ENGL 202 Project 2 Slidedoc 1
ENGL 202 Project 2 Slidedoc 1ENGL 202 Project 2 Slidedoc 1
ENGL 202 Project 2 Slidedoc 1Jodie Nicotra
 

Similar to Engl317 project3 slidedoc2_howto_createyourinfographic (20)

Engl313 ada project4_slidedoc2
Engl313 ada project4_slidedoc2Engl313 ada project4_slidedoc2
Engl313 ada project4_slidedoc2
 
Storyboarding for Data Visualization
Storyboarding for Data VisualizationStoryboarding for Data Visualization
Storyboarding for Data Visualization
 
Data journalism presentation
Data journalism presentationData journalism presentation
Data journalism presentation
 
Editable Certificate and Transcript Design_ Enhancing Your Brand’s Profession...
Editable Certificate and Transcript Design_ Enhancing Your Brand’s Profession...Editable Certificate and Transcript Design_ Enhancing Your Brand’s Profession...
Editable Certificate and Transcript Design_ Enhancing Your Brand’s Profession...
 
Infographics assignment
Infographics assignmentInfographics assignment
Infographics assignment
 
Nediger_Infographics_2019.pdf
Nediger_Infographics_2019.pdfNediger_Infographics_2019.pdf
Nediger_Infographics_2019.pdf
 
Week 3 - News StorySeeing is BelievingWhile we can easily become.docx
Week 3 - News StorySeeing is BelievingWhile we can easily become.docxWeek 3 - News StorySeeing is BelievingWhile we can easily become.docx
Week 3 - News StorySeeing is BelievingWhile we can easily become.docx
 
August Designstorm: Alternative Reporting Formats
August Designstorm: Alternative Reporting FormatsAugust Designstorm: Alternative Reporting Formats
August Designstorm: Alternative Reporting Formats
 
Introduction to Infographic Design
Introduction to Infographic DesignIntroduction to Infographic Design
Introduction to Infographic Design
 
QUESTION 1 1. Create a clustered bar graph showing employment stat.docx
QUESTION 1 1. Create a clustered bar graph showing employment stat.docxQUESTION 1 1. Create a clustered bar graph showing employment stat.docx
QUESTION 1 1. Create a clustered bar graph showing employment stat.docx
 
manual.docx
manual.docxmanual.docx
manual.docx
 
The Data Stroytelling Handbook
The Data Stroytelling HandbookThe Data Stroytelling Handbook
The Data Stroytelling Handbook
 
Structuring Information Before DITA
Structuring Information Before DITAStructuring Information Before DITA
Structuring Information Before DITA
 
Complete guide to infographics
Complete guide to infographicsComplete guide to infographics
Complete guide to infographics
 
Copyright © 2014 EMC Corporation. All rights reserved.Copy.docx
Copyright © 2014 EMC Corporation. All rights reserved.Copy.docxCopyright © 2014 EMC Corporation. All rights reserved.Copy.docx
Copyright © 2014 EMC Corporation. All rights reserved.Copy.docx
 
DUE DATE Sunday, 29 March 1159 pm (digital copy to Canvas)Essa.docx
DUE DATE Sunday, 29 March 1159 pm (digital copy to Canvas)Essa.docxDUE DATE Sunday, 29 March 1159 pm (digital copy to Canvas)Essa.docx
DUE DATE Sunday, 29 March 1159 pm (digital copy to Canvas)Essa.docx
 
Exp31sp1 at a-glance-en
Exp31sp1 at a-glance-enExp31sp1 at a-glance-en
Exp31sp1 at a-glance-en
 
Infographics_101_Training_June_2019_1-min_1.pdf
Infographics_101_Training_June_2019_1-min_1.pdfInfographics_101_Training_June_2019_1-min_1.pdf
Infographics_101_Training_June_2019_1-min_1.pdf
 
MODULE 3- Planning and Conceptualizing.pptx
MODULE 3- Planning and Conceptualizing.pptxMODULE 3- Planning and Conceptualizing.pptx
MODULE 3- Planning and Conceptualizing.pptx
 
ENGL 202 Project 2 Slidedoc 1
ENGL 202 Project 2 Slidedoc 1ENGL 202 Project 2 Slidedoc 1
ENGL 202 Project 2 Slidedoc 1
 

More from Zachary Williamson

Engl 208 03 self-documentary assignment sheet
Engl 208 03 self-documentary assignment sheetEngl 208 03 self-documentary assignment sheet
Engl 208 03 self-documentary assignment sheetZachary Williamson
 
Engl 208 03 essay ala bluets assignment sheet
Engl 208 03 essay ala bluets assignment sheetEngl 208 03 essay ala bluets assignment sheet
Engl 208 03 essay ala bluets assignment sheetZachary Williamson
 
Engl317 assignment sheet_project4
Engl317 assignment sheet_project4Engl317 assignment sheet_project4
Engl317 assignment sheet_project4Zachary Williamson
 
Engl317 project4 slidedoc1_about_usabilitytesting
Engl317 project4 slidedoc1_about_usabilitytestingEngl317 project4 slidedoc1_about_usabilitytesting
Engl317 project4 slidedoc1_about_usabilitytestingZachary Williamson
 
Engl317 project4 slidedoc2_stepsto_designux_test
Engl317 project4 slidedoc2_stepsto_designux_testEngl317 project4 slidedoc2_stepsto_designux_test
Engl317 project4 slidedoc2_stepsto_designux_testZachary Williamson
 
Engl317 project4 slidedoc3_technical_whitepaper
Engl317 project4 slidedoc3_technical_whitepaperEngl317 project4 slidedoc3_technical_whitepaper
Engl317 project4 slidedoc3_technical_whitepaperZachary Williamson
 
Engl317 project4 slidedoc4_screencasting_usability_testfinding
Engl317 project4 slidedoc4_screencasting_usability_testfindingEngl317 project4 slidedoc4_screencasting_usability_testfinding
Engl317 project4 slidedoc4_screencasting_usability_testfindingZachary Williamson
 
Engl317 project3 slidedoc1_graphic_designprinciplesfornondesigners
Engl317 project3 slidedoc1_graphic_designprinciplesfornondesignersEngl317 project3 slidedoc1_graphic_designprinciplesfornondesigners
Engl317 project3 slidedoc1_graphic_designprinciplesfornondesignersZachary Williamson
 
Engl317 project3 slidedoc3_screencasting_design_justification_
Engl317 project3 slidedoc3_screencasting_design_justification_Engl317 project3 slidedoc3_screencasting_design_justification_
Engl317 project3 slidedoc3_screencasting_design_justification_Zachary Williamson
 
Engl317 project2 slidedoc1_about_technical_definitions_and_descriptions
Engl317 project2 slidedoc1_about_technical_definitions_and_descriptionsEngl317 project2 slidedoc1_about_technical_definitions_and_descriptions
Engl317 project2 slidedoc1_about_technical_definitions_and_descriptionsZachary Williamson
 
Engl317 project2 slidedoc3_how_to_create_the_slidecast
Engl317 project2 slidedoc3_how_to_create_the_slidecastEngl317 project2 slidedoc3_how_to_create_the_slidecast
Engl317 project2 slidedoc3_how_to_create_the_slidecastZachary Williamson
 
Engl317 project2 slidedoc2_how_to_write_the_technical_documentation
Engl317 project2 slidedoc2_how_to_write_the_technical_documentationEngl317 project2 slidedoc2_how_to_write_the_technical_documentation
Engl317 project2 slidedoc2_how_to_write_the_technical_documentationZachary Williamson
 
Engl317 project2 slidedoc4_optional_metaphors_similiesanalogies
Engl317 project2 slidedoc4_optional_metaphors_similiesanalogiesEngl317 project2 slidedoc4_optional_metaphors_similiesanalogies
Engl317 project2 slidedoc4_optional_metaphors_similiesanalogiesZachary Williamson
 
F2 f project2_schedule_engl317_spring2019
F2 f project2_schedule_engl317_spring2019F2 f project2_schedule_engl317_spring2019
F2 f project2_schedule_engl317_spring2019Zachary Williamson
 
F2 f project3_schedule_engl317_spring2019
F2 f project3_schedule_engl317_spring2019F2 f project3_schedule_engl317_spring2019
F2 f project3_schedule_engl317_spring2019Zachary Williamson
 
F2 f project4_schedule_engl317_spring2019
F2 f project4_schedule_engl317_spring2019F2 f project4_schedule_engl317_spring2019
F2 f project4_schedule_engl317_spring2019Zachary Williamson
 
F2 f project5_schedule_engl317_spring2019
F2 f project5_schedule_engl317_spring2019F2 f project5_schedule_engl317_spring2019
F2 f project5_schedule_engl317_spring2019Zachary Williamson
 
F2 f project1_schedule_engl317_spring2019
F2 f project1_schedule_engl317_spring2019F2 f project1_schedule_engl317_spring2019
F2 f project1_schedule_engl317_spring2019Zachary Williamson
 
Engl317 orientation about_technicalwriting
Engl317 orientation about_technicalwritingEngl317 orientation about_technicalwriting
Engl317 orientation about_technicalwritingZachary Williamson
 
Online project4 schedule_engl317_spring2019
Online project4 schedule_engl317_spring2019Online project4 schedule_engl317_spring2019
Online project4 schedule_engl317_spring2019Zachary Williamson
 

More from Zachary Williamson (20)

Engl 208 03 self-documentary assignment sheet
Engl 208 03 self-documentary assignment sheetEngl 208 03 self-documentary assignment sheet
Engl 208 03 self-documentary assignment sheet
 
Engl 208 03 essay ala bluets assignment sheet
Engl 208 03 essay ala bluets assignment sheetEngl 208 03 essay ala bluets assignment sheet
Engl 208 03 essay ala bluets assignment sheet
 
Engl317 assignment sheet_project4
Engl317 assignment sheet_project4Engl317 assignment sheet_project4
Engl317 assignment sheet_project4
 
Engl317 project4 slidedoc1_about_usabilitytesting
Engl317 project4 slidedoc1_about_usabilitytestingEngl317 project4 slidedoc1_about_usabilitytesting
Engl317 project4 slidedoc1_about_usabilitytesting
 
Engl317 project4 slidedoc2_stepsto_designux_test
Engl317 project4 slidedoc2_stepsto_designux_testEngl317 project4 slidedoc2_stepsto_designux_test
Engl317 project4 slidedoc2_stepsto_designux_test
 
Engl317 project4 slidedoc3_technical_whitepaper
Engl317 project4 slidedoc3_technical_whitepaperEngl317 project4 slidedoc3_technical_whitepaper
Engl317 project4 slidedoc3_technical_whitepaper
 
Engl317 project4 slidedoc4_screencasting_usability_testfinding
Engl317 project4 slidedoc4_screencasting_usability_testfindingEngl317 project4 slidedoc4_screencasting_usability_testfinding
Engl317 project4 slidedoc4_screencasting_usability_testfinding
 
Engl317 project3 slidedoc1_graphic_designprinciplesfornondesigners
Engl317 project3 slidedoc1_graphic_designprinciplesfornondesignersEngl317 project3 slidedoc1_graphic_designprinciplesfornondesigners
Engl317 project3 slidedoc1_graphic_designprinciplesfornondesigners
 
Engl317 project3 slidedoc3_screencasting_design_justification_
Engl317 project3 slidedoc3_screencasting_design_justification_Engl317 project3 slidedoc3_screencasting_design_justification_
Engl317 project3 slidedoc3_screencasting_design_justification_
 
Engl317 project2 slidedoc1_about_technical_definitions_and_descriptions
Engl317 project2 slidedoc1_about_technical_definitions_and_descriptionsEngl317 project2 slidedoc1_about_technical_definitions_and_descriptions
Engl317 project2 slidedoc1_about_technical_definitions_and_descriptions
 
Engl317 project2 slidedoc3_how_to_create_the_slidecast
Engl317 project2 slidedoc3_how_to_create_the_slidecastEngl317 project2 slidedoc3_how_to_create_the_slidecast
Engl317 project2 slidedoc3_how_to_create_the_slidecast
 
Engl317 project2 slidedoc2_how_to_write_the_technical_documentation
Engl317 project2 slidedoc2_how_to_write_the_technical_documentationEngl317 project2 slidedoc2_how_to_write_the_technical_documentation
Engl317 project2 slidedoc2_how_to_write_the_technical_documentation
 
Engl317 project2 slidedoc4_optional_metaphors_similiesanalogies
Engl317 project2 slidedoc4_optional_metaphors_similiesanalogiesEngl317 project2 slidedoc4_optional_metaphors_similiesanalogies
Engl317 project2 slidedoc4_optional_metaphors_similiesanalogies
 
F2 f project2_schedule_engl317_spring2019
F2 f project2_schedule_engl317_spring2019F2 f project2_schedule_engl317_spring2019
F2 f project2_schedule_engl317_spring2019
 
F2 f project3_schedule_engl317_spring2019
F2 f project3_schedule_engl317_spring2019F2 f project3_schedule_engl317_spring2019
F2 f project3_schedule_engl317_spring2019
 
F2 f project4_schedule_engl317_spring2019
F2 f project4_schedule_engl317_spring2019F2 f project4_schedule_engl317_spring2019
F2 f project4_schedule_engl317_spring2019
 
F2 f project5_schedule_engl317_spring2019
F2 f project5_schedule_engl317_spring2019F2 f project5_schedule_engl317_spring2019
F2 f project5_schedule_engl317_spring2019
 
F2 f project1_schedule_engl317_spring2019
F2 f project1_schedule_engl317_spring2019F2 f project1_schedule_engl317_spring2019
F2 f project1_schedule_engl317_spring2019
 
Engl317 orientation about_technicalwriting
Engl317 orientation about_technicalwritingEngl317 orientation about_technicalwriting
Engl317 orientation about_technicalwriting
 
Online project4 schedule_engl317_spring2019
Online project4 schedule_engl317_spring2019Online project4 schedule_engl317_spring2019
Online project4 schedule_engl317_spring2019
 

Recently uploaded

Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Quarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayQuarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayMakMakNepo
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.arsicmarija21
 
Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........LeaCamillePacle
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxEyham Joco
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfUjwalaBharambe
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxsqpmdrvczh
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 

Recently uploaded (20)

Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Quarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayQuarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up Friday
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
 
Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptx
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 

Engl317 project3 slidedoc2_howto_createyourinfographic

  • 1. How to Create Your Mixed Chart INFOGRAPHIC 1
  • 2. 2 Table of Contents Type of Infographic You Will Create and Requirements .........................................................................................3-4 Decide the Target Audience and Purpose................................................................................................................5 Decide the Topic and Write a Working Thesis ...........................................................................................................6-8 Find Statistical Data .......................................................................................................................................................9 Identify the Data Story...................................................................................................................................................10 Focus Your Data Story ...................................................................................................................................................11 Create the Textual Outline ..........................................................................................................................................12-18 Create the Wireframe ...................................................................................................................................................19-21 Create the Right Type of Chart(s) ...................................................................................................................22 Decide the Isotype You Will Create.................................................................................................................23-27 Decide What Number(s) You Will Visualize .....................................................................................................28 Decide How You Will Create the Infographic (what tool(s) you will use) .............................................................29 About Templates and How to Avoid Plagiarism .......................................................................................................30-31 Submitting Your Infographic.........................................................................................................................................32
  • 3. Definition of the Type of Infographic You Will Create 3 You will need to create a Mixed Chart type of infographic. • This type of infographic tells a data story by visualizing statistical data in a mix of charts, visualized numbers, and isotypes (pictographs or pictograms). • You will need at least three different charts (bar, pie, column, line, or scatter plot), plus one isotype and one visualized number. Note this requirement: Do not use visuals of graphs, charts, or isotype (pictographs/pictogram) from sources in your infographic. All graphs, charts, and isotypes must be created by you. You may, of course, use the features in free infographic creators to create these visuals.
  • 4. 4 Examples of Mixed Chart Infographics
  • 5. Decide the Target Audience and Purpose Your audience should be non-specialized (i.e. a lay audience), but you will need to narrow the focus to target a specific lay audience. For example, if you chose parents of a child recently diagnosed with autism as your audience, your infographic purpose could be to educate by presenting statistical facts about autism. Identify your infographic's purpose with a verb. • to Persuade? • to Educate? • to Inform? 5
  • 6. Decide the Topic and Write Working Thesis 6 • Consider telling a data story on a topic that is in your field of study. But, you may choose any topic as long as it is not a trivial subject. • Just as in writing a paper, your topic needs to be developed into a working thesis (one you may decide to change later). For now, answer this question: • What is the thesis (main point) you plan to support with the data you will visualize?
  • 7. 7 A clear thesis will help you govern how you focus the layout of your data. Notice how multiple sets of data are visualized around a single thesis in this infographic: The Current State of Backup for Mac Users.
  • 8. Avoid a thesis that is politicizing or sensationalizing a data story. 8
  • 9. Find Statistical Data 9 • Explore the open-source databases and links to other statistical sites on the project page.
  • 10. Identify the Data Story Once you have decided your topic, audience, purpose, thesis, and found statistical data, you will need to analyze it to identify what aspects of the data will best support the story you want to tell. To do that, it’s best to gather the data into one place such as cutting and pasting into a word file or downloading into an Excel spread sheet. • Look for changes over time. • Differences or similarities between items. • Identify parts of a whole. • Identify the relationship between two or more variables. 10
  • 11. Focus Your Data Story Just as when writing a paper, you must decide how much content you will need to support your thesis. Focus on identifying key points from the data that you want to present visually in your story to support your thesis. Work recursively. This means, that although you have already made some decisions, allow yourself room to make adjustments as you process the data and focus the story. 11
  • 12. Create the Textual Outline 12 You will need to write some copy (i.e. text) for your infographic. Writing a textual outline before you begin designing the infographic will help you consider what data that you have gathered will be best for the required mix of different charts; the isotype; and visualized visualized number. A textual outline conveys the main ideas and supporting points but does so with a minimal amount of text.
  • 13. What to include in your textual outline Write a Title that conveys your infographic's topic. Example: Title: The Rising Cost of Health Care 13
  • 14. Write an Introduction The introduction should state your thesis in 1 or 2 lines. Work on composing engaging copy. Example: Title: The Rising Cost of Health Care (topic) Introduction: Your Health Care May be Eating Up More of Your Wallet Than You Think (thesis) 14
  • 15. What to include in the body of the outline. Body. Write the supporting points that will serve as titles for the data you will visualize. Again, keep text to a minimum. Example: Title: The Rising Cost of Health Care (topic) Introduction: Your Health Care Bills Are Eating Up More of Your Wallet Than You Think (thesis) • Supporting Point 1: 41% of Adults in America Had Trouble Finding the Care They Needed Because of Costs Repeat for all supporting points. 15
  • 16. What to include for a conclusion. The layout of your infographic may lead to an implied conclusion or you may need to state it explicitly. If you state your conclusion, write it as a single line of text at the end of the infographic. 16
  • 17. What to include about sources. Cite the source(s) of your statistical data. The URL address and title of site is sufficient. Example: • healthcare.gov; Commonwealth Fund for Studying Health System Changes If you used icons from a free website, cite the source based on how the site asks you to credit the author for free icons. 17 Example: when you download an icon from Flaticon, you are prompted to copy the citation.
  • 18. 18 Example of a Complete Textual Outline Title: The Rising Cost of Health Care (Topic) Introduction: (Thesis) Your Health Care Bills Are Eating Up More of Your Wallet Than You Think Supporting Point 1: 41% of Adults in America Had Trouble Finding the Care They Needed Because of Costs Supporting Point 2: 60% of Personal Bankruptcies are Linked to Medical Bills Supporting Point 3: Healthcare Increased Nearly 1.5 faster than wages between 1989 and 2011. Supporting Point 4: Out-of-Pocket Costs are Increasing for All Americans. Adults with incomes • $22K or below spent 21% in 2001, 26% in 2005, and 50% in 2010 • $22K to $44K spent 38% in 2001, 26% in 2005, and 41%in 2010 • above $44K spent 16% in 2001, 21% in 2005, and 23%in 2010 Supporting Point 5: In 2011, the average family in the US will spend more than $15K for healthcare coverage. • This is the price of a Ford Fiesta. Conclusion. Do you know how much you spent on healthcare last year? Sources for Statistical Data: healthcare.gov; Commonwealth Fund for Studying Health System Changes Adapted from Good - https://www.good.is/infographics/infographic-see-how-much-your-health-care-costs- are-rising
  • 19. Create a Wireframe 19 A wire frame is another name for a sketch of your infographic. At a minimum, your wireframe needs to include the following: 1. Three Different Charts visualizing different data appropriate to the type of chart (column, bar, pie, line graph, etc.) 2. One Visualized Number 3. One Isotype, remember to include a legend depicting the number each icon represents or an x out of y number statement. You may use more than one of each type in your infographic.
  • 20. The Easiest Way for a Beginner to Create a Wireframe is to Draw it By Hand. 20 As you draw, note where you are applying the design principles explained in slidedoc 1. It may be useful to have that slidedoc open as you sketch. Take a photo of your wireframe with your smart phone or scan it to submit with your finished deliverables. The file size of a phone photo or a scan will be huge, so compress the file using smallpdf.com. It's free, easy to use, and you don't even need to create an account.
  • 21. Include the Following in your Wireframe 21 • Placement of titles, subtitles, and introduction, • Placement of visualized numbers, • Rough sketches of the charts you will create, • Rough sketches of the icons in the isotype (pictograph, pictogram) you will create. Note this requirement: no source visuals may be used to create the infographic except for icons.
  • 22. Create the right type of chart(s). 22
  • 23. Decide the Isotype • Isotype (International System Of Typographic Picture Education) is a symbolic way of representing quantitative information via easily interpretable icons. • More modern terminology refers to these types of representations as pictograms or pictographs. • Your infographic will need to include one isotype graphic. See options for how to create isotypes under Tools and Resources. 23
  • 24. Example of an Isotype (Pictogram): 24 Isotypes require a legend to show viewers what each figure represents. If using less than 10 figures, an X out of Y statement can be used.
  • 25. 25 Example of an isotype pictograph. Notice the labels on the x/y axis as well as the icons that represent the data points.
  • 26. 26 An example of a pictograph that doesn’t work. Except for putting icons of cameras in the columns, the data isn’t being visualized in a way that would be easier to understand than a standard column chart. Notice also how the lack of labels on the x and y axis makes the chart impossible to follow.
  • 27. Be Accurate In this infographic, 4 stick people represent 43,406 nurses in 2010/11 and 32 stick people are used to represent 46,573 nurses in 2011/12. The difference in the actual numbers is a 7% increase. But the difference between the stick people is a 700% increase. The isotype is visually So, the infographic is misrepresenting the data. 27
  • 28. Decide What Number(s) You Will Visualize 28 Visualize at least one of the numbers, but you may want to emphasize more than one. NOTE: this example is provided just to show you how numbers can be visualized, but it is not meeting the three chart requirement.
  • 29. Decide How You Will Create the Infographic. • Use a Free Infographic Creator Tool. See a list of these under tools and resources on the project page. Canva and Visme are popular tools. • Use Word or a single slide in PowerPoint. You will need to adjust the page size. • Use Microsoft Publisher. PC users will have access to this software, but it is not available for Mac users. • If you are familiar with using more sophisticated graphic design tools such as Adobe Photoshop or Illustrator, Gimp, etc., feel free to use whatever works best for you. See Tools and Resources for more information about these options. 29
  • 30. About Using Templates You may use a template as a model or a basic starting point for your infographic. Change icons, colors, fonts etc. to reflect YOUR ability to use graphic design principles. And in your screencast design justification, you must clarify which parts of the template you changed as well as discuss how the template reflects principles of effective graphic design. 30
  • 31. 31 An infographic template that can be customized by just plugging in the data is not acceptable, and will be considered a form of plagiarism if used for this project.
  • 32. Submitting Your Infographic You may submit your infographic to bblearn an image file (jpeg, png etc.), a document file (Word, PPT, PPX, PDF). or the URL to where your file is hosted if you created it in a free infographic creator. • NOTE: if you create your infographic using Publisher, please save and submit it as a PDF because I use a Mac and cannot view Publisher files. 32