Gen­er­a­tive Gestal­tung is a unique new book on gen­er­a­tive design (and related dis­ci­plines like visu­al­iza­tion). It is quite example–driven, with loads of typ­i­cal tech­niques explored in short pro­cess­ing sketches. At the moment it is only avail­able in Ger­man, but I hear an Eng­lish ver­sion is in the works. The web­site fea­tures all code exam­ples and some com­mu­nity func­tions. Very nice con­cept and exe­cu­tion over­all, and it really makes me eager on learn­ing pro­cess­ing better :)

In Novem­ber 2009, I did a mini-project together with Boris Müller and the boys from rau­reif. My task was to cre­ate a visu­al­iza­tion of the sur­vey results of an event. The par­tic­i­pants were asked to rate the events with respect to 9 ques­tions on a scale from 1–10. As we did not have much time (nor bud­get), we went for the first good-looking idea avail­able. What could that be? Right, a radial visu­al­iza­tion (be damned, cir­cles for non-circular data!). Any­ways, I pro­duced a quick funky mockup with ran­dom data: Each cir­cle sec­tor stands for one person’s rat­ings, and these are ordered by their aver­age rat­ing. For each sin­gle rat­ing, I draw a semi-transparent wedge, with dis­tance from cen­ter as well as color indi­cat­ing the rating’s value. Spe­cial treat­ment is pro­vided for the over­all event rat­ing (a more opaque, smaller wedge). For visual spice, a black spline con­nects all the aver­age val­ues of the ratings.

So, we agreed on it and shipped it. See­ing it with the real data, how­ever, made me won­der if I should have looked into typ­i­cal rat­ing sta­tis­tics a bit more :)

Well. Les­son learnt. It is a nice lit­tle visu­al­iza­tion nevertheless.

Which reminds me of an excel­lent arti­cle about how to pre­vent to uni­form votes already in the interface.

As a bonus, here is a lit­tle remake using pro­to­vis with again, ridicu­lously few lines of code: (more…)