This is another attempt to extend in-class design exercise and adapt it for a “work at home” challenge.
We did the first part of the Challenge in class. But last year, both elements of the exercise was done online. I am adapting last year’s assignment.
The design exercise has two parts: one is to consider how to design glyphs to encode high-dimensional data about restaurants; the second considers how to address a very specific task that involves collections of high dimensional data.
Part 1 of this assignment was done in class. We talked about the use of glyphs for high dimensional visualization. And you hopefully got to see some examples. Part 2 of the assignment will also be turned in as Design Exercise 7: Paris Apartments (due Mon, Nov 8).
Learning goals (why do this now?):
- Explore glyph design to see how it can be used for the display of high-dimensional data, including understanding its limits.
- Experiment with visual encodings for glyphs, to see how much information can be placed on glyphs.
- To practice design for a realistic task with difficult data aspects.
- To have a practice design problem that we can use for examples in our discussion of interaction.
- To bring back memories of a Vis conference past.
Why is this the Paris Apartment Problem when it is about restaurants?
The Vis conference in 2014 was in Paris. Back then, the University allowed us to use short term apartment rentals (e.g., AirBnB). And I had to pick one.
If you know me at all, you wouldn’t be surprised that a key consideration was to pick an apartment that was close to good food options. After all, this is Paris, and I am going to use every opportunity to eat well. Paris has many places to eat. Many of them are good - but I wanted to make sure there were lots of diverse and interesting options near where I stayed.
So, this brings up a challenge: how do I compare the restaurants around two apartments? Of course, to get to that question, we first need to have ways to look at lots of restaurants, make comparisons, and make comparisons between lists/sets of restaurants.
Imagine we have a data table of information about restaurants. Each row is a restaurant, and each column is some attribute we might have about a restaurant. Each restaurant has a name and a location - we’ll treat these two as special “attributes”. But we also have a bunch of other facts about each restaurant. For example:
- A type (French, Spanish, Steak, …)
- Price ($ - $$$$$)
- Star rating (* - *****)
- Different ratings (0-10) (there are several different restaurant rating systems, some of them on a 0-10 scale)
- Open Mondays (many restaurants in France are closed on Monday)
- Takes reservations online
- and others
So, a restaurant is a point in a high-dimensional space. Most of these dimensions are not interval/numeric. Actually, none of them are interval - although some are numeric. Some are ordered (price, rating), some are binary (open mondays, takes reservations online), some have large sets (type), etc.
In reality, this assignment isn’t about restaurants. It’s about high-dimensional (or mid-dimensional) data where the dimensions are not numeric. For these kinds of data, the choices for design are different than for multiple numeric dimensions - where standard techniques such as parallel coordinates, scatterplot matrices, and dimensionality reduction can be used.
Part 1: Glyphs
We did part 1 in class. A description is here to refresh your memory. Note that glyphs do not need to be part of your solution for part 2.
A description of the glyphs exercise
As we discussed in class, Glyphs are small symbols that try to encode multiple attributes. The idea of glyphs is that they are small marks that can be placed at points - for example, they can be placed on a map, or shown in a list.
Glyphs can use multiple encoding channels (color, size, shape, etc.). They can use symbolic/iconic representations. They can even use small amounts of text. But the spirit is that they should be small things that carry a lot of different information. You should be able to place them on a map. You can use position within the glyph, but the position of the glyphs will be given by other aspects of the (overall) design.
Imagine, we are going to put symbols on a map to represent restaurants. How would you design the symbols to show as many attributes as possible?
You task in Part 1 is to design a glyph that encodes different attributes of a restaurant.
The assignment is to come up with 3-5 different glyph designs. For each design, you need to give:
- an explanation/legend (so we can interpret it)
- a few examples (you don’t actually have to make a map, but sometimes students do)
As you do the glyph design, consider:
- How many (and what combinations) of attributes can you encode?
- How do the designs scale as they get to be small enough that you can put many of them on a map? Are they still “readable”?
- How easy will it be to perform tasks if you had a collection of these (either many on a map, or a list of glyphs, or if the glyph were at the top of a description page of the restaurant to give you facts at a glance)?
Part 1 should be turned in as your Tuesday initial posting for Online Discussion 08 : Vis Week (due Wed, Oct 27). You should have 3-5 designs, each with explanation/legends and examples.
You may want to discuss the designs as part of the online discussion. In particular, you may discuss how readable/effective the designs are (questions 1-3 above).
We will discuss Part 1 in class on Wednesday. Please have your designs easily available (keep the files) so you can share them in class.
If it helps, here are a few example designs from previous years.
Part 2: Solving the Task
In Part 2, we’ll try to solve the task of comparing two apartments. More specifically, the task is to enable comparison of the set of restaurants in the “neighborhood” (region close by) around two points.
A baseline design is to show two maps (juxtaposed). One for each point (apartment). The point would be centered in each. Glyphs for restaurants would be placed on the maps.
Come up with two alternative designs for this problem. You cannot use glyphs on a map - this is the baseline that you should compare against.
Give a sketch of your design, enough of a description so the reader can understand how it works, and some rationale for why you made it. The Canvas Quiz to turn it in will let you turn in two things for each design: a file (e.g. PDF) and a type-in box. Generally, we expect people to turn in a PDF or image of their sketch, and put the rationale in the type-in. But, if you prefer to put the rationale into the PDF, that’s fine too (say “rationale in PDF”).
Turn in your designs as part of Design Exercise 7: Paris Apartments (due Mon, Nov 8). The form has 4 questions: two are file uploads, two are type in boxes. One each for each design.
We will discuss the results - either online, or in class.