Information Graphics

J464 logo

Please scroll down

Information Graphics

Intro Unit

The first three weeks of classes will lay the groundwork for what is to follow. We will learn to collect information from reliable sources, analyze data and begin to make spreadsheet calculations. We will begin to explore the potential for visuals to enlighten and enliven our information. We will conclude this short unit by focusing on how to use Adobe Illustrator, which will be our primary software for creating Information Graphics over the ensuing weeks, and laying the groundwork for our interactive data visualizations, which we will produce at the end of each unit and which will culminate in your J464 portfolio website.

Session Day Date Topic
0101 Mon. Jan. 8 Introduction
0202 Wed. Jan. 10 Foundations
0303 Wed. Jan. 17 Form and function
0404 Mon. Jan. 22 Illustrator boot camp
0505 Wed. Jan. 24 HTML/CSS basics
delegate charts

Chart Unit

The visual representation of quantifiable data remains the crux of informational graphics, and represent the bread and butter of most modern graphics departments. We’ll take a close look at how various chart formats can be used to best effect, how these formats can be combined to convey complex data and how to design effective graphics based on creating a strong and appropriate visual focus.

Session Day Date Topic
0606 Mon. Jan. 29 Charts intro
0707 Wed. Jan. 31 Nuts + Bolts
0808 Mon. Feb. 5 Line charts
0909 Wed. Feb. 7 Pie charts
1010 Mon. Feb. 12 Comparing data
1111 Wed. Feb. 14 Graphics packages
1212 Mon. Feb. 19 Deadliner 1
1313 Wed. Feb. 21 Revise + edit
1414 Mon. Feb. 26 Flourish
electoral map

Map Unit

Our second area of study in this course concerns cartography — the graphical representation of where things are and data based on georgraphy or political boundaries. There are a number of different kinds of maps, ranging from simple locators to complex data maps.

Session Day Date Topic
1515 Wed. Feb. 28 Maps intro
1616 Mon. March 4 Map style
1717 Wed. March 6 Locators
1818 Mon. March 18 Choropleths
1919 Wed. March 20 Proportional symbols
2020 Mon. March 25 Deadliner 2
2121 Wed. March 27 DataWrapper
oil sands diagram

Diagram Unit

Much of the power of informational graphics lies in their ability to describe in great visual detail how something works or how an event occurred, taking readers to places they wouldn’t otherwise be able to go. Here, the ability to illustrate clearly and effectively becomes paramount.

Session Day Date Topic
2222 Mon. April 1 Icons
2323 Wed. April 3 Timelines
2424 Mon. April 8 Diagrams intro
2525 Wed. April 10 Perspective
2624 Mon. April 15 Case studies
2727 Wed. April 17 Deadliner 3

Interactive Unit

The news industry has shifted away from GUI software, like Adobe Flash, toward more code-based interactive graphics, using JavaScript libraries like D3 and jQuery. This requires a good deal of programming knowledge, and is beyond the scope of this class. However, we will introduce, in our final week, some basic JS libraries to help create interactive content. The semester will culminate with your J464 website, built from a customizable template, which will showcase your creative work in the class.

Session Day Date Topic
2828 Mon. April 22 Javascript
2929 Wed. April 24 Finalizing

This syllabus

I have mapped out what I hope and believe to be an achievable schedule for this course that will keep everybody working at a steady pace. Because there are wide variations in your experiences coming in, and because each class is always different, I reserve the right to amend this syllabus to reflect any shifting realities we may encounter. I ask for your help in this endeavor, and I will be certain to let you know in advance if and when there will be changes to deadlines or schedule.

Be sure to refer to Canvas for specific deadlines for assignments and quizzes, and to download the materials we will be using in our class work.