Join Bill Shander for an in-depth discussion in this video Adding story callout boxes, part of Designing a Data Visualization.
- So, now that we've added our regional callouts,…we're going to move on next to showing how…to add some other callouts.…You know, as I've said all along,…and I say it really all the time,…it's really important to tell stories…and to draw knowledge and information…and helpful bits out of your illustrations, right?…The data, the visualization, doesn't necessarily…stand entirely on its own, you have to…annotate it, you have to bring life to it.…And one of the ways to do that is by adding…these text annotations that we're gonna do here.…And I wrote up a bunch of annotations essentially…summarizing the things that I find…interesting in the data.…
I'm telling the stories that I want to tell.…Of course, you might find your own stories.…You can focus on the things you want to focus on.…This is just the technique and the design…that I used to callout the stories…that I wanted to do.…So, feel free to find your own stories in the data,…and illustrate those in your callouts.…But before we do that, I just wanted to…point out a couple things.…
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