London 1854 Cholera Interactive Map by John Snow


Documentation

Design Process 1 Design Process 2 Design Process 3

Design process and Rationale of my design choices

In my design process, I want to make this interactive map as the tool that support the users’ key requirements. The users want to see the whole deaths’ locations in the map, and they also have the requirement of encoding the number of deaths in each day both on the map and the graph. Besides, the users may want to know the respective number of deaths and locations of different sexes and ages, and this interactive map should enable them to see whether each victim was male or female, or to see the age of each victim. Furthermore, to help users conduct an investigation, this visualization tool should show the changes on the map and the graph simultaneously.
To fulfill those requirements of users, I made a list of the required functions and design thoughts of this tool:

1. The tool shows parallel layout on the webpage for users to see both map and graphs at the same time.

2. This tool provides a line graph and a bar chart. The line graph enable users to interact with the map by the “mouse-over” trigger on the circle, after triggering, the line graph would show the exact date and the number of deaths by tooltip while expanding the radius of the circle on the line as an animated transition, and it would affect the deaths distribution on the map simultaneously.

3. If users want to check the number of deaths in a few days, they can click the “open multi-sel” button and drag grey cube in the line chart to choose the range of times. And this would also affect the deaths distribution on the map simultaneously.

4. This tool also supports one “click-button” trigger for gender identification and the other “click-button” trigger for age identification, users could click on those two to see the male and female deaths, or to see the deaths distribution of different ages on the map. Those buttons should be well-labeled and should trigger the color-differences shown on the map.

5. Users could zoom in and out by scrollwheel to check each deaths location on the map in detail. If the map is zoomed in, it couldn’t affect the graph alongside.

6. To design a color-blindness-friendly tool, I used dark-blue and orange-red as the diverging color for the male and female deaths identity. As for the 6 age ranges, I chose the sequential colors to show the ages from young to old.

Questions and Findings


Q1: Which group of people has the highest rate of death after infected by Cholera?

According to the "US census data from 1850", the percentage of people older than 80 years old is only 1%, but after I checked the bar chart from the visualization which shows the distribution of deaths by sex and age overall, I found that the number of death people over eighties is the highest. Therefore, we can tell from the bar chart that the old people over eighties is the high-risk group that would be easily infected and die from Cholera.

Bar Chart


Q2: Which area in London has the highest death rate?

According to the map from the visualization, it seems that the area around Broad Street has the highest death rate. And there is only one pump there. Since we have already know that the water polluted by feces is a common channel of Cholera disease infection. This pump on the Broad Street maybe the original infection source. Which means that the Cholera disease may start the infection from this pump.



Cholera Map



Q3: If the Broad Street area is where the Cholera outbreak started, then why no one dead in the Brewery next to the Broad Street according to the map, is there anything special about this brewery?

After I googled it, I found that all brewery workers were permitted to drink the beer in the brewery instead of drinking the water from the pump. Besides, the fermentation process during beer brewing could kill the Cholera disease. That’s the reason why people in the brewery all survived from the Cholera outbreak. And this could prove again that the pump maybe the infection source of London’s 1854 Cholera epidemic.



References


[1].http://chimera.labs.oreilly.com/books/1230000000345/index.html
[2].http://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3
[3]. http://www.oxxostudio.tw/articles/201410/svg-tutorial.html
[4]. http://www.oxxostudio.tw/articles/201410/svg-tutorial.html
[5]. http://www.vmateevitsi.com/2009/09/01/john-snows-interactive-cholera-map/
[6]. https://bl.ocks.org/d3noob
[7]. https://github.com/d3/d3/wiki/API--%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C
[8]. https://github.com/d3/d3/wiki/Gallery
[9]. http://www.ourd3js.com/wordpress/
[10]. http://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3