Join Bill Shander for an in-depth discussion in this video Adding HDI and its components (manually), part of Designing a Data Visualization.
- The data part of this illustration…is really coming together.…We're almost done with the main components.…The last piece is to add the overall HDI score…and the three components that make it up.…Once again, we're gonna go through a manual process first,…and then we'll move on to…how to automate that process later.…First thing I'm gonna do is I'm gonna lock down…this Inequality layer that we created earlier,…and create a new one called hdi & components.…We're gonna be creating three lines.…I'm gonna turn on my guides so you can see where.…
Those lines are all gonna go in this space here, right?…From here to here, they're gonna be pretty long…where it's gonna take up a lot of space in this graphic.…The righthand edge is where it should be pretty much, right?…We don't want to encroach on the space for this text.…That margin is already there for us.…Now we do have to change the lefthand margin.…If you remember,…this is the edge of the Inequality box,…and so the bar for a country that…could theoretically go all the way to the edge.…
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