Agenda
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
BioDesign Challenge
We are very fortunate to be participating in the the BioDesign Challenge this semester. The main goals of this competition are as follows:
-
- To create a community of collaboration among artists, designers, and biologists
- To seed the first generation of biodesigners
- To build meaningful public dialogue about biotech and its uses
Visit the BioDesign Challenge >> website to learn more here
Lab
- Collecting Data
- Introduction to Illustrator
Homework
Readings
- Read: Andrews, Raymond J. βFlorence Nightingale is a Design Heroβ Medium, July 7, 2019 . (Medium)
- Read: Forrest, Jason. βW. E. B. Du Boisβ staggering Data Visualizations are as powerful today as they were in 1900 (Part 1)β Medium, Jul 18, 2018. (Medium)
Video
What is BioTech? Watch the following 3 videos as a starting overview
- Watch: Suzanne Lee | Why “Biofabrication” is the Next Industrial Revolution | TED 2019
- Watch: Daisy Ginsberg | Synthetic Aesthetics | PopTech
- Watch: Heather Dewey-Hagborg | I Steal DNA From Strangers | TEDxVienna
Assignment
Review the following website: 5wgraphics.com
Find an excellent example of each of the following (copy and paste the URL to the comment part of this blog):
-
- 1 Info Graphic
- 1 Diagram
- 1 Flow Chart
https://creately.com/diagram-community/popular/t/flowchart
(Flowchart examples)
http://www.5wgraphics.com/img/gallery/5w-sample-237-politico-magazine-politico-50-survey.jpg
(Diagram)
http://www.5wgraphics.com/img/gallery/5w-sample-201-the-zoomable-universe-exoplanets.jpg
(Infographic)
Info Graphic
http://www.5wgraphics.com/img/gallery/5w-sample-085-kids-chart.jpg
Diagram
http://www.5wgraphics.com/img/gallery/5w-sample-181-national-geographic-magazine-cosmic-journeys.jpg
Flow Chart
http://www.5wgraphics.com/img/gallery/5w-sample-016-el-mirador.jpg
1 Info Graphic:
http://www.5wgraphics.com/img/gallery/5w-sample-218-smithsonian-future-of-energy.jpg
1 Diagram:
http://www.5wgraphics.com/img/gallery/5w-sample-022-brain-fear.jpg
1 Flow Chart:
http://www.5wgraphics.com/img/gallery/5w-sample-046-bloomberg-power.jpg
Info Graphic:https: https://5wgraphicsblog.files.wordpress.com/2018/08/national-geographic-magazine-neanderthals.jpg
Diagram: https://5wgraphicsblog.files.wordpress.com/2018/08/unicef-annual-report-charts.jpg
Flow Chart: https://5wgraphicsblog.files.wordpress.com/2018/08/fc41.jpg
The Info Graphic that stood out to me:
http://www.5wgraphics.com/en/gallery.php
The Diagram that stood out to me:
http://www.5wgraphics.com/en/gallery.php
The Flow Chart that stood out to me:
http://www.5wgraphics.com/en/gallery.php
Thanks for sharing Janae! It looks like the link to the featured project did not get copied. When you are on the page of the project that you want to share, you have to right click and select ‘Copy Image Location.’
See you Weds!
Diagram:
http://www.5wgraphics.com/img/gallery/5w-sample-188-national-geographic-magazine-the-forbidden-city.jpg
Info Graphic:
http://www.5wgraphics.com/img/gallery/5w-sample-011-asia-flights.jpg
Flow Chart:
http://www.5wgraphics.com/img/gallery/5w-sample-063-wall-street-facebook.jpg
(Diagram)
http://www.5wgraphics.com/img/gallery/5w-sample-230-nlt-illustrated-study-bible-solomon-temple.jpg
(Info Graphic)
http://www.5wgraphics.com/img/gallery/5w-sample-189-nature-magazine-threatened-species.jpg
(Flow Chart)
http://www.5wgraphics.com/img/gallery/5w-sample-178-national-geographic-magazine-shared-genes.jpg
http://www.5wgraphics.com/en/gallery.php
(Elbow Diagram)
http://www.5wgraphics.com/en/gallery.php
(Flowcahrt)
http://www.ivan.cash/infographic-of-infographics/
(Inforgraph)
Info Graph:
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-169-octopus-mimicry.jpg
Flow Chart:
http://www.5wgraphics.com/img/gallery/5w-sample-178-national-geographic-magazine-shared-genes.jpg
Infographic:
http://www.5wgraphics.com/img/gallery/5w-sample-103-asian-american-jobs.jpg
Diagram:
http://www.5wgraphics.com/img/gallery/5w-sample-180-national-geographic-magazine-albatross.jpg
Flow Chart:
https://www.edrawsoft.com/flowchart-examples-for-students.html
Hiya! Some of the content that I liked while browsing through the site:
http://www.5wgraphics.com/img/gallery/5w-sample-133-wealthiest-one-percent.jpg
Infographic
http://www.5wgraphics.com/img/gallery/5w-sample-196-modernist-cuisine-bread-2.jpg
Diagram
http://www.5wgraphics.com/img/gallery/5w-sample-075-patent-ecosystem.jpg
Flowchart
Infographic:
http://www.5wgraphics.com/en/gallery.php#
Diagram
http://www.5wgraphics.com/en/gallery.php#
Flow Chart
http://www.5wgraphics.com/en/gallery.php#
Infographic
http://www.5wgraphics.com/img/gallery/5w-sample-103-asian-american-jobs.jpg
Diagram
http://www.5wgraphics.com/img/gallery/5w-sample-199-the-zoomable-universe-physics.jpg
Flow Chart
http://www.5wgraphics.com/img/gallery/5w-sample-107-baja-california-map.jpg
Info Graphic- http://www.5wgraphics.com/img/gallery/5w-sample-021-hawaii-volcanoes.jpg
Diagram – http://www.5wgraphics.com/img/gallery/5w-sample-199-the-zoomable-universe-physics.jpg
Flow Chart – http://www.5wgraphics.com/img/gallery/5w-sample-060-demographic-charts.jpg
Flow chart
http://www.5wgraphics.com/img/gallery/5w-sample-063-wall-street-facebook.jpg
Diagram
http://www.5wgraphics.com/img/gallery/5w-sample-011-asia-flights.jpg
Info Graphics
http://www.5wgraphics.com/img/gallery/5w-sample-103-asian-american-jobs.jpg
Info Graphic: http://www.5wgraphics.com/img/gallery/5w-sample-180-national-geographic-magazine-albatross.jpg
Diagram: http://www.5wgraphics.com/img/gallery/5w-sample-170-spider-anatomy.jpg
Flowchart: http://www.5wgraphics.com/img/gallery/5w-sample-217-smithsonian-magazine-stem-education.jpg
Interesting Diagram
http://www.5wgraphics.com/en/gallery.php
Interesting Infographic
http://www.5wgraphics.com/en/gallery.php
Interesting Flow Chart
http://www.5wgraphics.com/en/gallery.php
http://www.5wgraphics.com/img/gallery/5w-sample-168-winogradsky-column.jpg
(Diagram)
http://www.5wgraphics.com/img/gallery/5w-sample-167-american-museum-of-natural-history-collection.jpg
(Chart)
http://www.5wgraphics.com/img/gallery/5w-sample-016-el-mirador.jpg
(Flow Chart)