Join Bill Shander for an in-depth discussion in this video Roughing out the Human Development Index (HDI) and its components, part of Designing a Data Visualization.
- So our design is really starting to come together,…this roughed in design.…We have our country name.…And we took the longest name of course,…Yugoslavia, even though, of course…Norway really is the country that belongs up there.…We have our little line chart, our spark lines,…to indicate trends over time from 1980 through 2013,…we have the inequality split bar…that's gonna work out in this space,…and then we're gonna add over here,…the three HDI components as well as the overall HDI score.…So if you remember from our sketch,…it's gonna look like this, right?…We have these three horizontal little bar charts,…and then the cross-hatching line…which is the overall score.…
Somehow we're gonna design this…and make it look right and make sense.…And it's a good fit perfectly into this box…we already have in place,…because we have the guides on both ends,…and this is already a nice 10-pixel buffer…from our text over here.…So I'm just gonna zoom in a little bit, somewhat over here.…And the easiest way to do this, is…I am going to just use my line tool this time.…
The UN Human Development Index used in this course is a perfect example: a composite number used to rank countries on how well they're doing across a range of measures (such as health, wealth, and education). Instructor Bill Shander shows how to make this index data tangible and approachable by imagining the story and visual approach first. He then builds the design in Adobe Illustrator, capitalizing on some automation and scripting abilities the program offers. Start watching for unique insights into the entire data visualization process.
- Working with the data
- Sketching and wireframing your design
- Roughing out the visual design components
- Manually creating the design in Illustrator
- Using Illustrator scripting to improve accuracy, speed, and repeatability
- Designing callout boxes, legends, labels, and more