Erica Gunn

Data Visualization and Information Design

Menu
  • Home
  • Projects
  • Science
    • Research
    • Teaching
  • Presentations
  • Photography
  • Botanical Art
  • Design blog
  • About
Menu

Blog

Whitespace in dashboard design

Posted on August 9, 2020August 9, 2020 by Erica

In the last post in this series, we looked at how whitespace can help to clarify a restaurant menu. In this post, we’ll combine whitespace and text hierarchy to improve the design of this dashboard. This example is an actual dashboard that I found online, redrawn and edited to anonymize the information.    This post…

Designing for charts

Posted on March 1, 2020November 20, 2020 by Erica

“Good information design works like a tour guide that tells the user what matters most and where to go from here.” Every design system is the result of competition between different constraints, and a good design solution balances these competing influences to support a specific user task. For a chart, the primary task is analytical:…

The discipline of not jumping right in

Posted on February 17, 2020February 17, 2020 by Erica

I have the day off from work, and am in the earliest stages of exploring a new project. I have a general topic, and I’ve found a couple of datasets to confirm that there is information out there that I could compile and use. And now comes the hardest part: resisting the urge to jump…

White space: Visual Punctuation

Posted on February 1, 2020August 9, 2020 by Erica

“How do you use white space?” This is one of the most frequent questions that I get as a designer, especially from people who need to create information-dense displays like a dashboard or interactive display. White space is the blank area between items on the page, and it is very important for helping information to…

Perceptual salience and selective tuning

Posted on October 1, 2019October 14, 2019 by Erica

Most charts use more than one kind of encoding at once. Whenever two or more encodings are used in the same chart, we need to consider how they work together and their relative importance on the page. The visual importance of an object is called its perceptual salience, which describes how much it stands out from the rest of the items in the chart. 

Properties of encodings

Posted on October 1, 2019October 1, 2019 by Erica

We create an encoding  by applying a visual variable to an information channel. A successful encoding makes a good match between the information channel and the particular strengths of the visual variable used to represent it. It is important to check that the visual variable is flexible enough to accommodate all of the data values that the information channel contains: the marks created with an encoding must be distinct enough that a person can read their data values. 

Kinds of data

Posted on September 2, 2019September 2, 2019 by Erica

This post is part of a larger series focused on exploring the fundamental principles of data visualization. Eventually, the collection may grow into something larger and more coherent. For now, each post simply picks up and plays with one idea related to how we represent data visually.  Other posts in this series can be found…

Data Vis as Guide Dog

Posted on July 5, 2019July 5, 2019 by Erica

Charts and graphs have a job to do: the secret is knowing when they are (and aren’t) on the job This post was originally published on Medium for the Data Visualization Society.  As a data vis designer living in both the art and data worlds, I sometimes hear that I should “just go wild” or “let…

Play with encodings

Posted on June 22, 2019June 22, 2019 by Erica

I have been playing around with visual encodings lately, as a way to explore different kinds of visual expression. (The previous posts outline the origin story and rules for this project in great detail, so I’m not going to go into it here.) Visual encodings are essentially rules for how to create visual marks from…

Play with encodings: the rules of the game

Posted on June 15, 2019September 28, 2019 by Erica

I wrote before about some recent feedback that has challenged me to explore a more artistic, graphic direction in my work. Part of that challenge has been defining the conditions where I would feel open to pursuing that work. I invented a project for myself, to feel my way around some of these ideas, to…

Posts pagination

  • Previous
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • …
  • 12
  • Next

Archives

Tags

  • design process
  • Form to Data
  • Class projects
  • ToolsVis
  • Processing
  • DesignTheory
  • thesis
  • LED grid
  • ResearchMethods
  • HistoryID
  • IDStudio
  • PlantVis
  • VizTech2
  • fundamentals
  • VisComm
  • ThesisIdeas
  • Maps
  • p5.js
  • IDStudio3
  • IDStudio2
  • R
  • insights
  • RightsofMan
  • GLP bucket app
  • VizTech
  • DesignSynthesis
  • data analysis
  • VisPlants
  • d3
  • CS7280
©2025 Erica Gunn | Built using WordPress and based on Responsive Blogily theme by Superb