Agenda
Table of Contents
Tuesday 08/27/19
Introductions – Welcome!
- Overview of the three main projects for the semester
- Class requirements and expectations
Lecture
- Data Visualization and Info Graphics
- Visual Storytelling and Data Journalism
- Science Visualization – explaining complex problems visually
In-Class
- Collecting Data
- Intro to Illustrator
Homework
- Read: Florence Nightingale is a Design Hero
- Review the following website: 5wgraphics.com
Find an excellent example of each of the following (copy and paste the URL to a document that you will be able to call up in class next week):- 1 Info Graphic
- 1 Diagram
- 1 Flow Chart
An Excellent Example for the Info Graphic.”Science”
UNICEF USA : http://www.5wgraphics.com/en/gallery.php
Commonfund : http://www.5wgraphics.com/en/gallery.php
An Excellent Example for the Diagram. “ Visual Image”
American Museum of Natural History : http://www.5wgraphics.com/en/gallery.php
Malaria Vaccine Initiative : http://www.5wgraphics.com/en/gallery.php
Science et Vie (France)
An Excellent Example for the Chart.” Line Base”
National Geographic Magazine : http://www.5wgraphics.com/en/gallery.php
Intellectual Ventures : http://www.5wgraphics.com/en/gallery.php
• 1 Diagram
http://www.5wgraphics.com/en/gallery.php
• 1 Flow Chart
http://www.5wgraphics.com/en/gallery.php
• 1 Info Graphic
http://www.5wgraphics.com/en/gallery.php
https://www.5wgraphics.com/img/gallery/5w-sample-217-smithsonian-magazine-stem-education.jpg
https://www.5wgraphics.com/img/gallery/5w-sample-188-national-geographic-magazine-the-forbidden-city.jpg
https://www.5wgraphics.com/img/gallery/5w-sample-235-health-affairs-behavioral-health.jpg
Infographic:
https://www.5wgraphics.com/img/gallery/5w-sample-174-unicef-annual-report-charts.jpg
Diagram:
https://www.5wgraphics.com/img/gallery/5w-sample-181-national-geographic-magazine-cosmic-journeys.jpg
Flowchart:
https://www.5wgraphics.com/img/gallery/5w-sample-217-smithsonian-magazine-stem-education.jpg
Info Graphic Example:
*Malofiej Infographics Book
http://www.5wgraphics.com/img/gallery/5w-sample-221-malofiej-infographics-book-infografistas-by-the-numbers.jpg
Diagram Example:
*R2T2 Laboratories
http://www.5wgraphics.com/img/gallery/5w-sample-205-r2t2-laboratories-therma4.jpg
Flow Chart Example:
*Intellectual Ventures
http://www.5wgraphics.com/img/gallery/5w-sample-075-patent-ecosystem.jpg
Infographic
http://www.5wgraphics.com/img/gallery/5w-sample-221-malofiej-infographics-book-infografistas-by-the-numbers.jpg
Diagram
http://www.5wgraphics.com/img/gallery/5w-sample-170-spider-anatomy.jpg
Flow Chart
http://www.5wgraphics.com/img/gallery/5w-sample-166-exploring-cuba.jpg
Diagram
http://www.5wgraphics.com/img/gallery/5w-sample-170-spider-anatomy.jpg
drawing that shows the different parts of something and how they work together.
diagram is a graph, chart, drawing or plan that explains something by showing how the parts relate to each other.
Chart
http://www.5wgraphics.com/img/gallery/5w-sample-100-epa-score.jpg
It shows by using line chart how much epa air pollution score different car branding have mile per galons.
http://www.5wgraphics.com/img/gallery/5w-sample-166-exploring-cuba.jpg
Infographic
http://www.5wgraphics.com/img/gallery/5w-sample-205-r2t2-laboratories-therma4.jpg
infographic is a form of visual communication meant to capture attention and enhance comprehension.
Info Graphic
http://www.5wgraphics.com/img/gallery/5w-sample-235-health-affairs-behavioral-health.jpg
Diagram
http://www.5wgraphics.com/img/gallery/5w-sample-024-heart-anatomy.jpg
Flow Chart
http://www.5wgraphics.com/img/gallery/5w-sample-026-retinal-implant.jpg
Infographic: http://www.5wgraphics.com/img/gallery/5w-sample-235-health-affairs-behavioral-health.jpg
Diagram:
http://www.5wgraphics.com/img/gallery/5w-sample-170-spider-anatomy.jpg
Flowchart:
http://www.5wgraphics.com/img/gallery/5w-sample-181-national-geographic-magazine-cosmic-journeys.jpg
Map:http://www.5wgraphics.com/img/gallery/5w-sample-003-jerusalem-map.jpg
Chart:http://www.5wgraphics.com/img/gallery/5w-sample-186-national-geographic-magazine-english-words.jpg
Diagram:http://www.5wgraphics.com/img/gallery/5w-sample-011-asia-flights.jpg
Infographic: http://www.5wgraphics.com/img/gallery/5w-sample-221-malofiej-infographics-book-infografistas-by-the-numbers.jpg
Diagram: http://www.5wgraphics.com/img/gallery/5w-sample-024-heart-anatomy.jpg
Flow Chart: http://www.5wgraphics.com/img/gallery/5w-sample-100-epa-score.jpg
Info Graphic:
http://www.5wgraphics.com/img/gallery/5w-sample-060-demographic-charts.jpg
Diagram:
http://www.5wgraphics.com/img/gallery/5w-sample-200-the-zoomable-universe-protoplanetary-disks.jpg
Flow Chart:
http://www.5wgraphics.com/img/gallery/5w-sample-057-inc500.jpg