Structuring Visualization Mock-Ups at the Graphical Level by Dividing the Display Space

Abstract

Mock-ups are rapid, low fidelity prototypes, that are used in many design-related fields to generate and share ideas. While their creation is supported by many mature methods and tools, surprisingly few are suited for the needs of information visualization. In this article, we introduce a novel approach to creating visualizations mock-ups, based on a dialogue between graphic design and parametric toolkit explorations. Our approach consists in iteratively subdividing the display space, while progressively informing each division with realistic data. We show that a wealth of mock-ups can easily be created using only temporary data attributes, as we wait for more realistic data to become available. We describe the implementation of this approach in a D3-based toolkit, which we use to highlight its generative power, and we discuss the potential for transitioning towards higher fidelity prototypes.

The Trolley Problem Version of Autonomous Vehicles

“…Spatial Data Structures are the basis for Space Partitioning [10] and Bounding Volumes [11]. Space Partitioning is a method of space sub-partitioning into convex regions.…”

StructGraphics: Flexible Visualization Design through Data-Agnostic and Reusable Graphical Structures

“…A number of authors [21,33,50,56] have pointed out that such systems impose a bottom-up workflow, where design is driven by data rather than by graphics, layout, and aesthetics.…”

“…Years later, Bret Victor [49] demonstrates an interactive data-driven system for creating custom data visualizations through a loop-based workflow that resembles programming. Research systems that combine graphics-driven visualization authoring with programming workflows (either textual or visual) include iVoLVER [26], Hanpuku [10], and d3-gridding [50].…”

Automatic Alert System for Worn Out Pipes in Autonomous Vehicles

“…Spatial Data Structures are the basis for Space Partitioning [17] and Bounding Volumes [18]. Space Partitioning is a method of space sub-partitioning into convex regions.…”