<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Multimedia &#187; Infographics: Tools for Maps &amp; Graphs &#124; Multimedia</title>
	<atom:link href="http://christinemckenna.com/multimedia/?cat=15&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://christinemckenna.com/multimedia</link>
	<description></description>
	<lastBuildDate>Mon, 05 Oct 2020 16:11:10 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5</generator>
		<item>
		<title>Mapping Data &#8211; Why, When &amp; How</title>
		<link>http://christinemckenna.com/multimedia/?p=18538</link>
		<comments>http://christinemckenna.com/multimedia/?p=18538#comments</comments>
		<pubDate>Sun, 05 May 2019 14:31:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Infographics: Tools for Maps & Graphs]]></category>

		<guid isPermaLink="false">http://christinemckenna.com/multimedia/?p=18538</guid>
		<description><![CDATA[When to map stories and what data you need to do it.]]></description>
				<content:encoded><![CDATA[<h3>Function of maps in stories</h3>
<p><strong>1) Show where and how something has happened</strong></p>
<p><a href="http://www.nytimes.com/interactive/2010/05/01/us/20100501-oil-spill-tracker.html">Tracking the Oil Spill in the Gulf</a></p>
<p>Some stories are about clearly suited for a map because a big part of the story is about geography, like this interactive that illustrates the estimated amount of oil spilled in the Gulf of Mexico and where it has traveled to the shore.</p>
<p><a href="http://www.nytimes.com/interactive/2010/05/01/us/20100501-oil-spill-tracker.html"><img class="size-full wp-image-12931 alignnone" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/trackingoil.jpg" alt="trackingoil" width="640" height="474" /></a></p>
<p><a href="http://ngm.nationalgeographic.com/2010/03/wolf-wars/wolf-interactive" target="_blank"><b><br />
Return of the Wolf</b></a><br />
Exterminated as vermin, grey wolves disappeared from the lower 48 in the 1930s. In 1995/1996, the US airlifted 66 wolves from Canada in an experiment to repopulate Yellowstone National Park. By the end of 2008, the northern Rocky Mountain states held more than 1,645 wolves, 1,500 of them living outside national parks.<br />
<a href="http://ngm.nationalgeographic.com/2010/03/wolf-wars/wolf-interactive" rel="attachment wp-att-12936"><img class="size-full wp-image-12936 alignnone" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/wolves.jpg" alt="wolves" width="640" height="533" /></a></p>
<p>Texas Wildfires</p>
<p><a href="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/fires.jpg"><img class="size-full wp-image-12939 alignnone" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/fires.jpg" alt="fires" width="640" height="417" /></a></p>
<p><strong><br />
2)  To make comparisons<br />
</strong><br />
How did the votes from one district compare to another? Which state has the highest or lowest teen pregnancies? What area of the city has the highest density of bicycle accidents?</p>
<p><a href="http://www.wnyc.org/story/263065-where-mayoral-candidates-raise-money/" target="_blank"><strong>Mayor’s race in New York from WNYC</strong></a></p>
<p>In Climbing Income Ladder, Location Matters</p>
<p><a href="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/incomeladder.jpg"><img class="size-full wp-image-12932 aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/incomeladder.jpg" alt="incomeladder" width="640" height="382" /></a></p>
<p>These comparisons provide some of the most powerful evidence so far about the factors that seem to drive people’s chances of rising beyond the station of their birth, including education, family structure and the economic layout of metropolitan areas.</p>
<p><a href="http://graphics.latimes.com/how-fast-is-lafd/#11/34.0498/-118.6005" target="_blank"><br />
How fast is LAFD where you live?</a></p>
<p><a href="http://graphics.latimes.com/how-fast-is-lafd/#11/34.0498/-118.6005"><img class="size-full wp-image-12944 aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/lafd.jpg" alt="lafd" width="640" height="416" /></a></p>
<p>&#8220;The Times analyzed more than a million runs by the Fire Department over the last five years and found that what Angelenos can expect often depends on where they live. You can read about the causes and patterns <a href="http://graphics.latimes.com/how-fast-is-lafd/#11/34.0495/-118.6005" target="_blank">in the Times story</a>.&#8221;</p>
<p><img class="size-full wp-image-12916 alignnone" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/Map_-_Lost_years_revised_v3.0.png" alt="Map_-_Lost_years_revised_v3.0" width="800" height="480" /></p>
<p>Cartogram</p>
<p><a href="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/cartogram.jpg"><img class="aligncenter size-large wp-image-12979" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/cartogram-1024x434.jpg" alt="cartogram" width="660" height="279" /></a><strong><br />
3) To show major trends/patterns, change over time</strong></p>
<p><a href="http://usatoday30.usatoday.com/news/nation/story/2012-04-05/sprawl-census-urban/54007292/1" target="_blank">Urban Sprawl from USA Today</a></p>
<p><img class="alignnone" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/sprawl.jpg" alt="sprawl" width="963" height="452" /></p>
<p>&nbsp;</p>
<p><a href="http://www.guardian.co.uk/news/datablog/interactive/2011/sep/21/death-penalty-us-map" target="_blank">Guardian: Executions in the US</a></p>
<p><a href="http://www.guardian.co.uk/news/datablog/interactive/2011/sep/21/death-penalty-us-map" target="_blank"><img class="aligncenter" title="Death penalty in the US " src="http://christinemckenna.com/interactive/wp-content/uploads/2011/09/deathrowgraphic.jpg" alt="" width="555" height="448" /></a></p>
<p>• Texas is the big state for executions &#8211; with 474 since 1976, followed by Virginia<br />
• California has more inmates on death row than any other state &#8211; 721. The state has not had any executions since a 2006 moratorium but procedures are set to restart for Albert Greenwood Brown, whose execution was suspended last year. One problem is that the state&#8217;s supply of sodium thiopental has expired<br />
• Texas is only behind Oklahoma if you look at the rate of executions per million population<br />
• Alabama has 43 defendants on death row for every million people</p>
<p><strong><br />
4) To drill down: by state, city, county, borough, zip code, census tract</strong></p>
<p dir="ltr">A good map, like all good data visualizations, provide the big picture first, and then allow us to drill down and examine how the big picture relates to our own personal location/experience. A map with different colored areas is called a chloropleth map. The different colors represent different amounts of a certain variable.  The raw numbers of population growth is valuable and interesting, but percentage change tells us more about impact.</p>
<p><a href="http://graphics.wsj.com/patho-map/?sel=stn_347" target="_blank">Mapping the Bacteria in New York’s Subways</a></p>
<p dir="ltr"><img class="size-full wp-image-12917 aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/wsjbacteria.jpg" alt="wsjbacteria" width="640" height="438" /></p>
<p>“Researchers at Weill Cornell Medical College sampled DNA in New York City’s 466 open subway stations. They found genetic material from 15,152 different species. Almost half the DNA belonged to bacteria. So far, the scientists have identified 67 bacteria species associated with disease and infections.”</p>
<p><a href="http://projects.nytimes.com/crime/homicides/map" target="_blank">Murder: NYC</a><br />
<a href="http://projects.nytimes.com/crime/homicides/map" target="_blank"><img class="aligncenter" src="http://christinemckenna.com/multimedia/wp-content/uploads/2011/02/homicidesnyc.jpg" alt="" width="640" height="383" /></a></p>
<p>Each day, the New York Police Department announces major crimes, including most homicides, in the five boroughs. This data is compiled from those reports, in addition to news accounts, court records and additional reporting. In this feature, viewers can review crime data through various filters in order to discover patterns.</p>
<p>NYC Health Department Ratings</p>
<p><a href="http://www.nytimes.com/interactive/dining/new-york-health-department-restaurant-ratings-map.html?src=tp&amp;smid=fb-share"><img class="aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/restaurant.jpg" alt="restaurant" width="640" height="389" /></a></p>
<p><strong><br />
5) Examine causes and effects and reveal interrelationships.</strong></p>
<p><a href="http://www.theguardian.com/news/datablog/interactive/2013/mar/15/cholera-map-john-snow-recreated"><img class="aligncenter size-full wp-image-12911" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/chloreamaprecreated.jpg" alt="chloreamaprecreated" width="649" height="643" /></a><a href="http://en.wikipedia.org/wiki/File:Snow-cholera-map-1.jpg">John Snow’s 1854 map of cholera outbreaks in London</a>. In an age where the pathogenesis of disease wasn’t clearly understood, he mapped out each case of cholera, and most importantly, made a correlation with the location of the city’s water pumps. The correlation suggested that water contamination had something to do with the spread of cholera, and the data visualization in the form of the map was instrumental at arriving at the conclusion.</p>
<p><a href="http://www.guardian.co.uk/news/datablog/interactive/2011/aug/10/poverty-riots-mapped" target="_blank"><br />
Mapping the riots with poverty</a></p>
<p><a href="http://www.guardian.co.uk/news/datablog/interactive/2011/aug/10/poverty-riots-mapped" rel="attachment wp-att-8100"><img src="http://christinemckenna.com/interactive/wp-content/uploads/2013/02/povertyriot.jpg" alt="poverty riot" width="640" height="533" /></a></p>
<p>A Liverpool University urban planning lecturer, Alex Singleton, analysed the Guardian&#8217;s preliminary data by overlaying the addresses of defendants with the poverty indicators mapped by England&#8217;s Indices of Multiple Deprivation, which breaks the country into small geographical areas.</p>
<p>He found that the majority of people who have appeared in court live in poor neighbourhoods, with 41% of suspects living in one of the top 10% of most deprived places in the country. The data also shows that 66% of neighbourhoods where the accused live got poorer between 2007 and 2010. &#8212; Guardian, <a href="http://www.theguardian.com/uk/2011/aug/18/england-rioters-young-poor-unemployed" target="_blank">England rioters: young, poor and unemployed</a></p>
<p><a href="http://hosted.ap.org/specials/interactives/_national/stress_index/" target="_blank">AP National Stress Index</a></p>
<p><a href="http://hosted.ap.org/specials/interactives/_national/stress_index/" target="_blank"><img class="aligncenter size-full wp-image-6243" title="apeconomicstress" src="http://christinemckenna.com/multimedia/wp-content/uploads/2011/02/apeconomicstress.jpg" alt="" width="640" height="493" /></a></p>
<p><img class="aligncenter size-full wp-image-12962" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/aboutstressindex.jpg" alt="aboutstressindex" width="470" height="368" /></p>
<p><strong>6) Summarize a situation</strong></p>
<p><a href="http://www.washingtonpost.com/blogs/worldviews/wp/2013/08/12/40-maps-that-explain-the-world/">40 maps that explain the world</a>, <a href="http://www.washingtonpost.com/blogs/worldviews/wp/2014/01/13/40-more-maps-that-explain-the-world/">40 more maps that explain the world</a></p>
<p><a href="http://www.washingtonpost.com/blogs/worldviews/wp/2013/08/12/40-maps-that-explain-the-world/" rel="attachment wp-att-12933"><img class="aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/languages.jpg" alt="languages" width="640" height="521" /></a></p>
<p><strong>B. When stories are not about geography</strong></p>
<p>It may be difficult at first to know whether a map will actually be useful for a reader.  Think carefully whether seeing the geographic distribution of the data is most important.</p>
<p>Sometimes, not plotting your data on a map provides a fresher face on an issue. The Guardian created this <a href="http://www.guardian.co.uk/world/interactive/2012/may/08/gay-rights-united-states">interactive feature on gay rights in the US</a>, which groups states in regions rather than presents them in the traditional geography.</p>
<p><a href="http://www.guardian.co.uk/world/interactive/2012/may/08/gay-rights-united-states"><img class="aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/gayrights.jpg" alt="gayrights" width="640" height="456" /></a></p>
<p>Eye Candy: <a href="http://www.usatoday.com/story/news/nation/2014/11/04/elections-2014-social-coverage/18481753/" target="_blank">Voted across America</a></p>
<p><a href="http://www.usatoday.com/story/news/nation/2014/11/04/elections-2014-social-coverage/18481753/"><img class="aligncenter size-full wp-image-12948" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/voted.jpg" alt="voted" width="640" height="405" /></a><a href="http://www.nytimes.com/interactive/2008/11/04/us/politics/20081104_ELECTION_WORDTRAIN.html" target="_blank"><br />
Details: One word on election day</a><br />
<a href="http://www.nytimes.com/interactive/2008/11/04/us/politics/20081104_ELECTION_WORDTRAIN.html"><img class="size-full wp-image-12951 aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/oneword.jpg" alt="oneword" width="640" height="409" /></a></p>
<p><a href="http://users.humboldt.edu/mstephens/hate/hate_map.html#" target="_blank">Hate Map</a></p>
<p><a href="http://users.humboldt.edu/mstephens/hate/hate_map.html#"><img class="aligncenter size-full wp-image-12964" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/hatemap.jpg" alt="hatemap" width="640" height="360" /></a></p>
<p><a href="http://elections.nytimes.com/2010/results/house/big-board" target="_blank">House Big Board &#8211; Elections</a></p>
<p>The Strong Democratic seats are in a column on the left, the Strong Republican seats are on the right, with the leaning and toss-ups seats in-between. So, as results come in throughout the night, you should expect to see mostly blue on the left, mostly red on the right, and a mix of colors in the middle.<br />
<a href="http://elections.nytimes.com/2010/results/house/big-board"><img class="aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/bigboard.jpg" alt="bigboard" width="640" height="444" /></a></p>
<p><a href=" http://www.nytimes.com/interactive/2011/09/30/us/politics/keys-to-victory.html" target="_blank">Keys to Victory</a></p>
<p><a href=" http://www.nytimes.com/interactive/2011/09/30/us/politics/keys-to-victory.html"><img class="aligncenter size-full wp-image-12940" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/keystoelection.jpg" alt="keystoelection" width="640" height="510" /></a></p>
<p><a href="http://www.ericson.net/content/2011/10/when-maps-shouldnt-be-maps/" target="_blank">Resource: When Maps Shouldn&#8217;t Be Maps</a></p>
<h3>II. Steps to build a interactive map</h3>
<p><strong>A. Identify your data set and the most relevant geographical parameter</strong></p>
<p>Parameters: census tract, zip code, county, precinct, school district, congressional districts, etc.</p>
<p><strong>B. Find the geodata</strong></p>
<p>Displaying areas on maps requires a geographical information &#8212; latitude and longitude. If you want to map the different NY neighborhoods depending on their population size, then you need to combine the demographic data with the boundary information for those neighborhoods.</p>
<p>There are a different types of boundary data:</p>
<p><strong>KML: </strong>KML (Keyhole Markup Language) is simply a text file that has vector information structured like an XML document. Vectors describe the points and paths of any shape in coordinates so it can be plotted on a map. Google Earth uses KML files.</p>
<p><strong>Shapefiles:</strong> A shapefile is a format for transferring geographic data. Shapefiles are collections of three or more files that represent features such as points, lines, and polygons.  <b id="docs-internal-guid-86d27ca3-1418-69ba-5434-503644525ed6"><a href="http://en.wikipedia.org/wiki/Shapefile">Shapefile</a>, is used by commercial GIS software applications such as <a href="http://www.esri.com/software/arcgis/arcview">ArcviewGIS</a>, or its open-source version, <a href="http://www.qgis.org/">QGIS</a>. A shapefile comes in a .zip package, and when unpacked, there are multiple files that describe the geography. Fortunately, you can fairly easily translate shapefiles to KML files for use in Google Fusion Tables<b> using tools like Shape <b>E<b>scape.</b></b></b> </b></p>
<p>Sources of boundary data:</p>
<p><a href="http://researchcenter.journalism.cuny.edu/digital-maps-database/" target="_blank"><img class="aligncenter" src="http://christinemckenna.com/interactive/wp-content/uploads/2013/02/research.jpg" alt="research" width="571" height="380" /></a><a href="http://researchcenter.journalism.cuny.edu/digital-maps-database/" target="_blank">J-school Research Center<br />
</a><a href="http://www.nyc.gov/html/dcp/html/bytes/districts_download_metadata.shtml" target="_blank">NYC Department of City Planning<br />
- Borough Boundaries &amp; Community Districts<br />
- School, Police, Health &amp; Fire<br />
- Census Blocks &amp; Tracts<br />
</a><a href="http://www.census.gov/cgi-bin/geo/shapefiles2010/main" target="_blank">Census<br />
</a><a href="https://www.google.com/fusiontables/DataSource?docid=10jGFEy7-z83OZ2sfhUO08Tqwt2jhfGfQRIhBHAc" target="_blank">Bronx blocks</a><br />
<a href="http://digitaltutorials.jrn.columbia.edu/?p=1217" target="_blank">Columbia: NYC KML Files</a></p>
<p><a href="http://christinemckenna.com/interactive/wp-content/uploads/2013/11/NYCShapeFiles.zip" target="_blank">Download zip file of</a> most commonly used NYC geographic boundary files</p>
<p><strong>C. Normalize</strong></p>
<p>Keep in mind. Sometimes you may need to normalize your data or your map may simply reflect population differences:</p>
<p><img src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/heatmap-cropped1.png" alt="heatmap-cropped" width="730" height="450" /></p>
<p>Sometimes the difference is subtle but it can be important. Other times both absolute and normalized data will be useful.</p>
<div id="attachment_12976" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-12976" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/Thematic_MA_no_normalize.png" alt="Thematic_MA_no_normalize" width="500" height="340" /><p class="wp-caption-text">Figure 1. Unemployment by ZIP &#8211; raw count (not normalized)</p></div>
<div id="attachment_12975" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-12975 " src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/Thematic_MA_normalized.png" alt="Thematic_MA_normalized" width="500" height="320" /><p class="wp-caption-text">Figure 2. Unemployment by ZIP &#8211; normalized by total labor force</p></div>
<p>&nbsp;</p>
<h3>III. Map Elements</h3>
<p>Key map elements include the title, legend, and links to primary sources.  Remember that you are creating content for lay audiences and you should use language that is understandable to non-experts. Give a link to the raw numbers or to the spreadsheet file itself.</p>
<p><a href="http://colorbrewer2.org/" target="_blank">Color Brewer</a> is an indispensible resource for finding good gradients and color palettes so you don’t have to become an expert on color theory, color blindness, hue and saturation.</p>
<p>A legend is important to translate the visual (qualitative) information in the map to quantitative information.</p>
<h3>IV. Resources</h3>
<p><a href="http://www.esri.com/news/arcnews/summer12articles/using-web-maps-to-tell-your-story.html">Using Web Maps to Tell Your Story</a><br />
<a href="http://jour72312.tumblr.com/tagged/mapping">Amanda Hickman: Mapping</a><br />
<a href="http://sites.google.com/site/gmapsmania/100thingstodowithgooglemapsmashups" target="_blank">100 Things to do with Google Maps Mashups</a></p>
<h3>V. Previous class data sources</h3>
<p><a href="http://www.eia.gov/cfapps/ipdbproject/iedindex3.cfm?tid=5&amp;pid=5&amp;aid=8&amp;cid=all,&amp;syid=2009&amp;eyid=2013&amp;unit=MMTCD#"><img class="aligncenter size-full wp-image-12993" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/intlenergystats.jpg" alt="intlenergystats" width="640" height="428" /></a></p>
<p><a href="http://www.bls.gov/cps/" target="_blank">BLS: Labor Force Statistics from the Current Population Survey</a></p>
<p><a href="http://www.bls.gov/opub/ted/2013/ted_20130405.htm"><img class="aligncenter size-full wp-image-12998" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/labor.jpg" alt="labor" width="640" height="293" /></a></p>
<p><a href="http://maps.nyc.gov/crime/"><img class="aligncenter size-full wp-image-12991" src="http://christinemckenna.com/interactive/wp-content/uploads/2015/09/crimemap1.jpg" alt="crimemap" width="640" height="364" /></a><br />
<a href="http://www.nyc.gov/html/nypd/html/crime_prevention/crime_statistics.shtml" target="_blank">Crime statistics</a><br />
<a href="http://www.nyc.gov/html/nypd/html/analysis_and_planning/historical_nyc_crime_data.shtml" target="_blank">Historical crime data</a></p>
]]></content:encoded>
			<wfw:commentRss>http://christinemckenna.com/multimedia/?feed=rss2&#038;p=18538</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
