For this final Infographics and Data Visualization assignment, we were given the freedom to research and produce an infographic on any topic we wanted.  I floundered on this for a few days, then decided to turn this into a chance to educate myself on India. My wife will be travelling there bringing medical aid to rural communities in a few months, and I realized that I have a very incomplete view of where India is at today.

So the target audience was … myself, mostly, to answer the question : how bad is poverty in India, and how has it changed in recent history?  The end result for me is that I feel like I still have a lot of gaps in my understanding of India’s poverty, but the big picture makes a lot more sense than it did a month ago.

However, not everything I learned found its way into the infographic.  I was running short on time – the assignment had a deadline of Sunday this past week, and while they gave us some extra time to submit I didn’t really want this running into my work week.

Click on the picture above to see the full infographic.

What I think turned out well:

  • It had a decent range of forms of representing data – a little heavy on line graphs, but they fit what’s being shown.
  • I made a choropleth map! Pretty much manually, actually, using Illustrator to color and using Excel to color-categorize. I also managed to wrangle Illustrator into converting a bitmap of the map into a vector graphic that it would let me color properly.
  • Hopefully the highlight of the message – that India has come a long way, but still has a long road ahead – shows up in the GNI graph, where you can see the dramatic improvement in the last decade but contrast that with how little that still adds up to per person.

What got left out:

I had found a decent resource showing the cost of various expenses in India vs other parts of the world, and wanted to incorporate that into the featured GNI graph.  My hope had been to replace the “$3.85/day” metric with a measure of what someone in India could actually buy with that amount of INR earned in a day.  (eg. a horizontal line across showing how much a loaf of bread or 1L of milk would cost.)  Comparing directly to US $ can be misleading, since spending $10 worth of rupees (based on currency conversion) will actually pay for something on the order of $50 worth of goods (based on costs in INR vs what that would cost in North America).  I’d experienced this weirdness before travelling in Uganda – currency valuation is just strange – but this was more extreme than I’d expected.

The biggest reason it got dropped is that I could not figure out whether the WorldBank data I was using for GNI had taken buying power into account or not.  I didn’t want to double-multiply the effects of this difference by accident, and I was low on time to hunt down the details.  If I’d wanted to commit more time to this, though, that would be high on my list of ways to make this more impacting (and meaningful).

Things that could use fixing based on feedback I got in the course:

  • Apparently I ought to pay more attention to how my monitor is color-calibrated, because I honestly thought those beige boxes (title, callouts) were more grey!  They were mentioned by a few people as being too strong, taking attention away from the rest of the page.  (Even as a grey that dark, they’d probably be too much though.)
  • One person mentioned that it looked a little too thin on content for a whole page.  This was interesting because while making it I often kept pushing things in closer than my original layout – but then still wondered what to do with empty space in a few spots (most notably around the slope graph).  Possibly should have rearranged things for a more natural layout for the slope graph, with text beside it instead of below.
  • Just say no to vertical text! I gotta admit, I had that in the back of my mind and ignored it because I was too hesitant to break my original grid layout to make room for titles. Which makes no sense because there was plenty of room.  I should pull those y-axis labels up above the graphs.
  • The infographic actually pulls data from two sources which use varying cutoffs for the poverty line – I originally messed up and mislabeled two of them as being $1.25 / day, when they weren’t.  I edited those off so I wasn’t lying – but since the per-state lines were created by the Planning Commission using a more complex metric (that gave a varying line per state) I couldn’t think of a good concise way to relabel it.

I’m tempted to take this feedback and create a v2 of the graphic, but that’ll have to wait until later.  I’ll post again if I get it done.

So this week’s infographics MOOC exercise was another draft for an interactive infographic, this time on the unemployment rate per state in the US.  The assignment was based on another DataBlog post from The Guardian which showed a choropleth map of unemployment using data over the time of Obama’s presidency.

The biggest problem was that the data during that time looks nearly meaningless.  It’s noisy, it has a vague downward trend, but you see this *blip* at the start where everything is jumping upwards.  Those who remember the last five years’ worth of economic history better than I did will remember why – the insane crash all kicked in about half a year prior to Obama’s election.

So step one, I hunted down a wider data set via  Using the last 8-10 years’ worth of data gave a much more interesting picture and set the context for what was actually going on in the last four.

Step two this week for me was playing with making the data work in Tableau Public.  I had spotted this tool a few weeks ago, and didn’t try it last week as it does have a bit of a learning curve and I really wanted to practice something in Illustrator.  But this time I decided, what the heck, if making something actually interactive isn’t that much more work than graphing and drawing it up in Illustrator, why not?

The end result was very close to what I wanted – my ideal needs just a couple more features (pop-up or overlay annotations on a line graph, a customized timeline control on the line graph) which may or may not ever show up in Tableau, so I guess I still have some motivation to learn a decent chart library in Processing.

You can see the published interactive at Tableau, but the line graph isn’t working, which is kind of lame since it was made using a technique they demonstrate in their own tutorial.  Hopefully that gets fixed, but in the meantime I just screencasted from the desktop version for the assignment hand-in.

I picked up a copy of the absolutely-beautiful book Generative Design recently and I am loving it.  It’s a perfect resource for where I’m at – exploring generative art, wanting to learn more but don’t need someone to teach me the basics of programming.

It’s been great to find out how many techniques are much simpler to code than I’d expected.  For example, I decided to code my own copy of this noisy motion sketch which creates fantastic wispy-smoke-like patterns.  I’d seen work like this before and assumed some amount of complex simulation was going on.  Turns out it’s just taking Perlin noise and using it as a sort of vector field, defining an angle for particles to move in from each spot.  (Which sounds fancy but it’s basically just a few lines of code.)  Huh!  Easy-peasy, tiny code, fun results.

I’ve signed up for Alberto Cairo’s massive online open course on infographics and data visualization.  I’d been tempted by other MOOCs before and decided I didn’t have the time to commit to it, but this one caught me at a good time.

The entire course has been very good so far, giving a great perspective on how infographics relate to journalism as a whole as well as how to think of the infographic / datavis gap as a spectrum of functional and artistic intent.  It’s also included some Illustrator tutorials that have finally gotten me over that initial learning curve in designing with vectors.  (Although as you’ll see shortly, I still have a long ways to go.)

The week 3 exercise was to draw up a draft for an interactive infographic based on the data mentioned on The Guardian’s Datablog re: the transparency of international aid agencies around the world.  The Datablog post includes a couple of bar graphs – a good tool for comparing values with precision, but the stacked bars don’t convey a lot and there’s room to tell more.

My draft suggests a few improvements.  Users could be allowed to filter the aid agencies by geography, letting them compare agencies based in the same region more easily.  Radio buttons could also let users choose between seeing the full aggregate score or only the subscores based on the three levels of detail that the transparency report surveyed the agencies on.

The biggest change I’d propose is on the second layer of the infographic – a slope graph to highlight the general trend across agencies of improved transparency.  This was one of the summary points of the original report and is worth highlighting through data.

Here’s the PDF mockup I created; I used fairly simple shapes to represent tabs, dropdowns, etc rather than spending a lot of time on them, as in a real interactive I would expect to be grabbing UI components from a library for whatever coding / design tool I was using.

aid transparency draft copy

I’ve been on a knitting kick lately. It makes for a good evening activity, as it’s something I can do while sitting on the couch and hanging out with my wife (without the mentally-distant factor that happens if I’m online or gaming).  Plus, if you’re going to be a guy who knits, might as well nerd out on it for maximum unusualness.

The backstory: I worked for a month or so as a coder for a downloadable game about knitting.  I needed to know how to draw knits and purls – which is awfully hard to figure out if you know nothing about knitting.  So, I picked up a beginner book and learned.

That game got cancelled (the design was kind of shaky, my prototyping skills were insufficient to come up with something convincing in time) but then I found this book, which strangely found its way onto my bookshelf. (How do you NOT put that title on your bookshelf?)  The projects in there are fantastic, and I think I’ve made half of them by now.

Now I’ve discovered the fun of Ravelry and being able to search through an entire internet’s worth of free patterns intelligently, as well as posting photos to show off a bit.  For example, the weird yarn I found for these ‘Medallion Mitts’ just made the whole enterprise worth taking pictures of.

My last project was actually a pattern I invented, cribbing from the general deal of “knit in the round to make a hat”.  I had tried knitting the fisherman’s watchcap found in Knitting With Balls, but I got impatient and made it a little too short, plus the ribbing came out too wide and kind of goofy.  I’ll leave the rest of the story for now as it should get its own post along with writing up the pattern, but you can see the results on Ravelry here.

thoughtLost is Josh Giesbrecht’s online portfolio, repository, and general space to put stuff that doesn’t fit in his teaching blog.

Welcome here.