Generative Design Inspiration for Glyphs with Diatoms

by   Matthew Brehmer, et al.

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.


page 1

page 4

page 6


Optimal Design Emulators: A Point Process Approach

Design of experiments is a fundamental topic in applied statistics with ...

A Single Visualization Technique for Displaying Multiple Metabolite-Phenotype Associations

More advanced visualization tools are needed to assist with the analyses...

Towards Visualization Thumbnail Designs that Entice Reading Data-driven Articles

As online news increasingly include data journalism, there is a correspo...

Visualization of topology optimization designs with representative subset selection

An important new trend in additive manufacturing is the use of optimizat...

Composition and Configuration Patterns in Multiple-View Visualizations

Multiple-view visualization (MV) is a layout design technique often empl...

Insights From Experiments With Rigor in an EvoBio Design Study

Design study is an established approach of conducting problem-driven vis...

Please sign up or login with your details

Forgot password? Click here to reset