Smiley face
Ready to Move
Combines data of US cities from different resources
and help young people especially new college graduates
who are considering relocation
Choosing between multiple cities to live in could be a daunting task specially for internationals who are new to the foreign land or young adults looking to relocate when starting the next chapter of their lives.They may be considering more than one option, however, finding and comparing information about the cities and picking one is both resource and time intensive. Our visualization combines data from different resources and is aimed to help young people especially new college graduates who are considering relocation or people who just want to know more, explore, compare and rank different cities.
Design Brief
The visualisation compares 35 US cities on 17 different metrics across ease of moving around [Transportation], cost of living, quality of neighbourhood, living quality [#music venues, #coffee shops, etc] and employment statistics. The metrics are chosen based on its relevancy and importance for young adults if they were choosing among multiple cities. They are able to have the overview as well as detailed comparison among several cities they focus on.
Visualization Interface
The entering screen consists of:
   1.Title and description: Ready to move?
   2.Controllers: These are checkboxes to select between multiple metrics and Cities.
          Metric Selector: It acts both as a color legend and selector. Clicking the metric selects the metric. For the legend, pastel colors are used for 17 metrics since it is a good choice for large number of colors.
          City Selector
             List: The list have all the cities arranged in 2 columns in alphabetic order.
             Map: The map shows the spatial location of the cities on the US map.
          The list and the map are linked and making a selection on one highlights the corresponding city on the other.
   3.Multiple views:

          Custom Circular Chord Diagram
          A custom circular Chord diagram is used to show how each cities fares across different metrics. The selected metrics are placed on left side and cities on right side. The data has been normalised [0-1] and drawn on the diagram. The width of the edges represent the normalised value and color represents the metric itself. The diagram supports the following interactions:
             Hover: Hovering each path shows the actual values of the metric for the city.              Add and remove: Users can add or remove metrics and cities to the diagram by using the controllers.

          Stacked Bar chart
          The stacked bar chart is used to rank all the cities according to the selected metrics. The cities are placed along the x-axis and different metrics are stacked upon each other. The height of each tile is based on the normalized value for the metric. The height of the bar is calculated by adding up the tiles.This view supports the following interactions:
             Hover: Hovering each stack shows the actual values of the metric for the city.
             Select: Selecting any city highlights all the cities based on its similarity with the selected one. Opacity values are used to represent similarity. Higher opacity corresponds to higher similarity. Similarity is calculated using the standard deviation of all the other cities compared to the selected city.
             Sort: Upon clicking the “Sort button”, cities are sorted and arranged on x-axis based on the sum of the normalised values of the selected metrics. Thus, this view also gives a sense on distribution of all the cities for the selected metrics.