Generative Design Inspiration for Glyphs with Diatoms

TL;DR

This paper presents Diatoms, a generative technique for creating glyph design inspiration by sampling shape palettes and encoding constraints, paired with interactive comparison tools, to aid visualization design and discovery.

Contribution

We introduce Diatoms, a novel generative approach for glyph design that incorporates constraints and interactive comparison, enhancing visualization authoring workflows.

Findings

Demonstrated implementation in Tableau with three palettes.

Conducted interviews with 12 designers to evaluate usability.

Reflected on the potential of Diatoms to inspire visualization design.

Abstract

We introduce Diatoms, a technique that generates design inspiration for glyphs by sampling from palettes of mark shapes, encoding channels, and glyph scaffold shapes. Diatoms allows for a degree of randomness while respecting constraints imposed by columns in a data table: their data types and domains as well as semantic associations between columns as specified by the designer. We pair this generative design process with two forms of interactive design externalization that enable comparison and critique of the design alternatives. First, we incorporate a familiar small multiples configuration in which every data point is drawn according to a single glyph design, coupled with the ability to page between alternative glyph designs. Second, we propose a small permutables design gallery, in which a single data point is drawn according to each alternative glyph design, coupled with the ability to page between data points. We demonstrate an implementation of our technique as an extension to Tableau featuring three example palettes, and to better understand how Diatoms could fit into existing design workflows, we conducted interviews and chauffeured demos with 12 designers. Finally, we reflect on our process and the designers' reactions, discussing the potential of our technique in the context of visualization authoring systems. Ultimately, our approach to glyph design and comparison can kickstart and inspire visualization design, allowing for the serendipitous discovery of shape and channel combinations that would have otherwise been overlooked.