tag:blogger.com,1999:blog-60610706692539028062024-03-12T21:03:52.314-07:00Graphics InfoAnonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-6061070669253902806.post-24631177616130836452016-01-10T09:58:00.000-08:002016-01-10T09:58:03.944-08:00New blog locationI've moved my blog over to <a href="http://www.simonscarr.com/blog/" target="_blank">my new site</a> here <a href="http://www.simonscarr.com/blog">http://www.simonscarr.com/blog</a>/ and have added a couple of posts looking back at some examples from 2015. Do head over and take a look.Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com1tag:blogger.com,1999:blog-6061070669253902806.post-27570438919647131012014-11-23T06:50:00.002-08:002014-11-23T06:51:38.156-08:00Online graphics<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The department has also had a busy year building online graphics, ranging from HTML packages combining static graphics with narrative to more code intensive interactives.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br />Below are a few examples the Reuters Graphics team has put together.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div style="text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>Australia wine</b></span></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><a href="http://graphics.thomsonreuters.com/14/wine/index.html" target="_blank">This page</a> looks at Australia's vineyards and the affects of climate change. More wineries are choosing to move to the cooler climate of Tasmania.</span><br />
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-nDdwc6uWcoE/VFZLImmViEI/AAAAAAAAAks/424XrXnmPh4/s1600/wine1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-nDdwc6uWcoE/VFZLImmViEI/AAAAAAAAAks/424XrXnmPh4/s1600/wine1.png" height="342" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-mqFx34xB6Ok/VFZLKW7o4YI/AAAAAAAAAk0/bg1X2txm7TU/s1600/wine2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-mqFx34xB6Ok/VFZLKW7o4YI/AAAAAAAAAk0/bg1X2txm7TU/s1600/wine2.png" height="400" width="321" /></a></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>China's corporate debt</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="background-color: white; color: #231f20; line-height: 24px; text-align: center;">Chinese company debt hit record levels earlier this year and looked likely to accelerate a wave of domestic restructuring and trigger more defaults, as credit repayment problems arose. <a href="http://graphics.thomsonreuters.com/14/chinadebt/index.html" target="_blank">Our interactive </a></span><span style="color: #231f20;"><span style="line-height: 24px;">analysed the landscape of company debt in China, showing the extent of the problem. The graphic also allowed a detailed look at each sector as well as information on individual companies.</span></span></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="color: #231f20;"><span style="line-height: 24px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://graphics.thomsonreuters.com/14/chinadebt/index.html" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-thv1zhWoFiE/VFZMSqXgkLI/AAAAAAAAAlU/9FWUc5SDUds/s1600/debt1.png" height="332" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://graphics.thomsonreuters.com/14/chinadebt/index.html" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-d2g_ApdMYGU/VFZMUybRoVI/AAAAAAAAAlc/5jFTfViaS38/s1600/debt2.png" height="333" width="400" /></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="color: #231f20;"><span style="line-height: 24px;"><br /></span></span></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><span style="color: #231f20;"><span style="line-height: 24px;"><br /></span></span></span>
<br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /><b>Gaza damage</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><a href="http://graphics.thomsonreuters.com/14/gaza/index.html" target="_blank">This piece</a> took a closer look at UNOSAT data and satellite imagery which was released during the crisis in Gaza earlier this year.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://graphics.thomsonreuters.com/14/gaza/index.html" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-IvuTSqvZCEA/VFZMHDQHcHI/AAAAAAAAAlM/HKYIDTAdpkc/s1600/gaza.png" height="400" width="387" /></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>U.S. border crisis</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The U.S. has been facing a surge of unaccompanied children arriving from violence-torn El Salvador, Guatemala and Honduras. <a href="http://graphics.thomsonreuters.com/14/immigration/index.html#section/intro" target="_blank">This package</a> of graphics accompanied the ongoing story.</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><span style="font-size: large;"><br /></span>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://graphics.thomsonreuters.com/14/immigration/index.html#section/intro" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-_LkcaZd6aMQ/VFZLrYdMOdI/AAAAAAAAAk8/cqQmtpUb7Fo/s1600/border1.png" height="400" width="345" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://graphics.thomsonreuters.com/14/immigration/index.html#section/intro" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-b81RTSgegBI/VFZLrVEn0pI/AAAAAAAAAlA/ab7r6A8bZVY/s1600/border2.png" height="400" width="321" /></a></div>
<br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>The Fed's balancing act</b></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><a href="http://www.reuters.com/investigates/graphics/fed/" target="_blank">This interactive</a> compares Janet Yellen's first day with past Fed Chairmen and shows how they managed the dual mandate of low inflation and low unemployment. For a detailed write-up on the making of this graphic read <a href="https://source.opennews.org/en-US/articles/how-we-made-feds-balancing-act/" target="_blank">this article</a>.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/graphics/fed/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-6u_5Rk7tH1A/VFZNyL9v_eI/AAAAAAAAAlo/F4FE6KAlt3s/s1600/fed1.png" height="360" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/graphics/fed/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-zit9uPgUby0/VFZNyK0BeqI/AAAAAAAAAls/HHCHkeBNdWM/s1600/fed2.png" height="360" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-size: large;"><br /></span>
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com7tag:blogger.com,1999:blog-6061070669253902806.post-86452443505253566562014-11-23T06:49:00.000-08:002014-11-23T08:24:43.442-08:00Special reports<br />
<div>
<span style="font-size: large;"><span class="Apple-style-span" style="color: #232323; font-family: Georgia, 'Times New Roman', serif;">Graphics also feature prominently in Reuters Special Reports </span><span class="Apple-style-span" style="color: #232323; font-family: Georgia, 'Times New Roman', serif;">which investigate </span><span class="Apple-style-span" style="color: #232323; font-family: Georgia, 'Times New Roman', serif;">the people, trends and issues that are defining the news. Driven by deep, proprietary reporting, Reuters Special Reports uncover new facts and shed new analytical light on topics of international interest.</span></span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">These stories appear on multiple platforms but they also appear in a variety of formats. The articles are moved and displayed in the same way as regular stories but with two additional formats:</span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #666666; font-family: Georgia, 'Times New Roman', serif; font-size: large;"><b>Microsites</b></span></div>
<span style="font-size: large;"><span class="Apple-style-span" style="color: #232323; font-family: Georgia, 'Times New Roman', serif;">If there are a number of Special Reports on the same subject that make an ongoing series then a microsite is often used to give readers greater access. </span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #232323;">These microsites are rich in multimedia including both static and interactive graphics. Some of these sites can be accessed here through our </span><a href="http://www.reuters.com/investigates" target="_blank">Reuters Investigates</a><span class="Apple-style-span" style="color: #232323;"> page.</span></span></span><br />
<span style="font-size: large;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #232323;"><br /></span></span>
</span><br />
<span style="font-size: large;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #232323;">This piece below, titled "Water's Edge", </span><span class="Apple-style-span" style="line-height: 16px;">is a Reuters analysis that find</span></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">s flooding is increasing along much of the U.S. coastline, forcing many communities into costly, controversial struggles with rising sea levels. The report is based </span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">on a Reuters analysis of NOAA tide gauge data. </span></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/special-report/waters-edge-the-crisis-of-rising-sea-levels/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-OnYDTvSj7G8/VCAS6So5iWI/AAAAAAAAAkI/etodl-fdpjw/s1600/water.png" height="245" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/special-report/waters-edge-the-crisis-of-rising-sea-levels/#map1" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-E7KZMHHkDTc/VCAS7y_E-KI/AAAAAAAAAkU/wVPPN_RB-1Y/s1600/water3.png" height="215" width="400" /></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/special-report/waters-edge-the-crisis-of-rising-sea-levels/" target="_blank"><img border="0" src="http://4.bp.blogspot.com/--UK9VHnq98Y/VCAS6YZ21NI/AAAAAAAAAkE/_39uqUwiQI4/s1600/water1.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/special-report/waters-edge-the-crisis-of-rising-sea-levels/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-hNYoGwH_EoE/VCAS70Dsp2I/AAAAAAAAAkY/B1ZAO4Jed6A/s1600/water4.png" height="276" width="400" /></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #232323;"><br /></span></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #232323;"><br /></span></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #232323; font-size: large;">Here are some other examples: </span></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #232323;"><br /></span></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #232323;"><br /></span></span><br />
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/china-military/#article/part2" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-7NQf4hxqW6E/U2Ipxns_k1I/AAAAAAAAAgE/8uoMDgQOcZk/s1600/CB.png" height="400" width="382" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/china-military/#article/part2" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-pP_o_SJDEVM/U2IoDFobRTI/AAAAAAAAAfA/C7xTHWMK8Yk/s1600/CB2.png" height="363" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/china-military/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-mhEgNYdttHs/U2IoEe1We7I/AAAAAAAAAfU/d87NbFoKOE4/s1600/CB4.jpg" height="400" width="390" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-kCuVayzjnns/U2IoDkhY10I/AAAAAAAAAe8/ZRN_sODjmFE/s1600/CB3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-kCuVayzjnns/U2IoDkhY10I/AAAAAAAAAe8/ZRN_sODjmFE/s1600/CB3.png" height="363" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6TWPZTCl3gs/U2IpdY9feDI/AAAAAAAAAf8/JP8d_nZd-pM/s1600/AA5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-6TWPZTCl3gs/U2IpdY9feDI/AAAAAAAAAf8/JP8d_nZd-pM/s1600/AA5.png" height="366" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-GtSoS642vD4/U2IoCc-ZYSI/AAAAAAAAAek/JhJi0gBFUko/s1600/AA2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-GtSoS642vD4/U2IoCc-ZYSI/AAAAAAAAAek/JhJi0gBFUko/s1600/AA2.jpg" height="327" width="400" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-916auGk_SqA/U2IoE7pU5MI/AAAAAAAAAfQ/gxbVEqx9iMY/s1600/CE1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-916auGk_SqA/U2IoE7pU5MI/AAAAAAAAAfQ/gxbVEqx9iMY/s1600/CE1.jpg" height="400" width="390" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.reuters.com/investigates/adoption/#article/part1" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-gZdI6tDr4Cc/U2IoF4ywTrI/AAAAAAAAAfk/rgckEdGcA_w/s1600/CE2.png" height="400" width="390" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div style="color: black;">
<b><span class="Apple-style-span" style="color: #666666; font-family: Georgia, 'Times New Roman', serif; font-size: large;">PDFs</span></b></div>
<div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">The articles are also laid out in well designed PDFs.</span></div>
<div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">This <a href="http://link.reuters.com/duv65v" target="_blank">Fukushima special report</a> shown below revealed that contractors are hiring homeless men to work at Fukushima and shortchanging them on wages amid scant regulatory oversight of the most ambitious radiation clean-up ever attempted. This exclusive Reuters investigation detailed how Japan finds people willing to accept minimum wage to work on the $35 billion, taxpayer-funded effort to clean up radioactive fallout.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-D9zjdeYNDuU/Uy75mRbn_gI/AAAAAAAAAak/iGWCqUq6NRQ/s1600/FUKUSHIMA-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="http://4.bp.blogspot.com/-D9zjdeYNDuU/Uy75mRbn_gI/AAAAAAAAAak/iGWCqUq6NRQ/s1600/FUKUSHIMA-1.jpg" height="400" width="308" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-lnJi__NJDl0/Uy76FU9a6mI/AAAAAAAAAas/c1bihZ_hTU8/s1600/FUKUSHIMA-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="http://3.bp.blogspot.com/-lnJi__NJDl0/Uy76FU9a6mI/AAAAAAAAAas/c1bihZ_hTU8/s1600/FUKUSHIMA-2.jpg" height="400" width="311" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">The network diagram below was key to explaining the way contracts are broken down through many layers of subcontractors. This shows the contract structure in Naraha town.</span></div>
<div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-k4Xrrk9E-Pw/Uy749e76ivI/AAAAAAAAAac/cxsukq3alb8/s1600/FUKUSHIMA-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><img border="0" src="http://1.bp.blogspot.com/-k4Xrrk9E-Pw/Uy749e76ivI/AAAAAAAAAac/cxsukq3alb8/s1600/FUKUSHIMA-3.png" height="400" width="296" /></span></a></div>
</div>
</div>
<div style="color: #232323;">
<br /></div>
<div style="color: #232323;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-15618872881151067232014-11-23T06:47:00.000-08:002014-11-23T06:47:44.920-08:00A year at Reuters<span style="font-size: large;"><span style="color: #232323; font-family: Georgia, 'Times New Roman', serif;">It's been well over a year since my last post so I thought it was time for an update. As you may already know </span><span style="color: #232323; font-family: Georgia, 'Times New Roman', serif;">I am now Deputy Head of Graphics at ThomsonReuters. I'm based with the graphics team in Singapore, but also working closely with graphics desks in New York and London. In this role, I will focus on strengthening and growing Reuters’ global graphics service to media and financial clients. While I’ll be responsible for managing and directing some of the graphics, I'm still finding the time to work on some projects myself.</span></span><br />
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">(All opinions and statements are my own)</span></div>
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">First I'll just give some background to the role graphics play here at ThomsonReuters. We publish to a number of different platforms and in a number of formats. Below are some examples.</span></div>
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<span style="color: #cc0000; font-family: Georgia, Times New Roman, serif; font-size: large;"><b>Thomson Reuters Eikon</b></span></div>
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span style="font-size: large;"><span style="font-family: Georgia, Times New Roman, serif;">Information graphics are used to accompany stories on <a href="https://thomsonreuterseikon.com/" target="_blank">ThomsonReuters Eikon</a>, a platform delivering a powerful mix of news, analytics and financial content to desktop and mobile. Eikon has built in charting functions which allow the reader to view and analyse data on thousands of companies, indexes, commodities, currencies and more. See the short videos on charting and interactive mapping via the <a href="https://thomsonreuterseikon.com/" target="_blank">link</a> here. Custom information graphics are also displayed with stories published through the news section of the platform.</span><span style="font-family: Georgia, 'Times New Roman', serif;"> </span></span><br />
<span style="font-size: large;"><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-lF7f1jzPJ2c/UzAkKqLhw2I/AAAAAAAAAbU/IBtmpBTjGAE/s1600/EikonNews.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://2.bp.blogspot.com/-lF7f1jzPJ2c/UzAkKqLhw2I/AAAAAAAAAbU/IBtmpBTjGAE/s1600/EikonNews.jpg" height="271" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-MUgRK3G0zGQ/UzAkNkjf-zI/AAAAAAAAAbk/AVbZkAApT_I/s1600/EikonGraphicUse.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://1.bp.blogspot.com/-MUgRK3G0zGQ/UzAkNkjf-zI/AAAAAAAAAbk/AVbZkAApT_I/s1600/EikonGraphicUse.jpg" height="286" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-LldtISYayHM/UzAkMSXh2BI/AAAAAAAAAbc/ImY_jaAAPSY/s1600/EikonSnaps.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-LldtISYayHM/UzAkMSXh2BI/AAAAAAAAAbc/ImY_jaAAPSY/s1600/EikonSnaps.jpg" height="258" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-LzJzIvAdC8o/UzAng_s1GSI/AAAAAAAAAbw/Lzt577WEQfM/s1600/EikonChart.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-LzJzIvAdC8o/UzAng_s1GSI/AAAAAAAAAbw/Lzt577WEQfM/s1600/EikonChart.jpg" height="197" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--LM3S2tNcmI/U2J6dEJGOiI/AAAAAAAAAhc/K5w9f8qgdpE/s1600/EikonRRG.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://4.bp.blogspot.com/--LM3S2tNcmI/U2J6dEJGOiI/AAAAAAAAAhc/K5w9f8qgdpE/s1600/EikonRRG.png" height="288" width="400" /></span></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-62Fb6wHnwA0/U2J6dDEEiAI/AAAAAAAAAho/LPUJ1p3pXfs/s1600/EikonTree.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://4.bp.blogspot.com/-62Fb6wHnwA0/U2J6dDEEiAI/AAAAAAAAAho/LPUJ1p3pXfs/s1600/EikonTree.png" height="271" width="400" /></span></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-KpRr_Tsmwmc/U2J6dOthFYI/AAAAAAAAAhg/K__Uzb3cowY/s1600/IntMap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-KpRr_Tsmwmc/U2J6dOthFYI/AAAAAAAAAhg/K__Uzb3cowY/s1600/IntMap.png" height="225" width="400" /></span></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span></div>
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<span style="color: #cc0000; font-family: Georgia, Times New Roman, serif; font-size: large;"><b>Media clients</b></span><br />
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
</div>
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Reuters News Graphics Service (RNGS) is a subscription or pay-per-use infographic service for news publications. Available in English, Spanish, French and Arabic, the service has been trusted and used by news publications around the world for many years.</span></div>
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">RNGS transmits around 5 to 15 graphics per day. Our goal is to produce quality graphics that use reliable data and charting, accurate mapping, clear diagrams and illustrations to cover a range of topics including breaking news, financial and company news, sports, environment, science, features and advance packages for major events. </span></div>
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<span style="color: #cc0000; font-family: Georgia, Times New Roman, serif; font-size: large;"><b>Some examples</b></span><br />
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Below are a few examples of different types of graphics we create. At present, all files transmitted to media clients are static, editable eps files (interactives to come in another post).</span></div>
</div>
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>Breaking news</b></span></div>
<span style="font-size: large;"><br /></span></div>
<div>
<div>
<span class="Apple-style-span" style="color: #666666; font-family: Georgia, 'Times New Roman', serif; font-size: large;"><b>MH370</b></span></div>
<div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">Even though it was a year ago, I couldn't touch on breaking news and not mention the missing Malaysia Airlines flight. <a href="http://graphics.thomsonreuters.com/14/MH370/" target="_blank">This interactive</a> is the easiest way to see what graphics we created during the disaster. All of the elements in here were also published to media as static maps and graphics as the news broke.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://graphics.thomsonreuters.com/14/MH370/" target="_blank"><span style="font-size: large;"><img border="0" src="http://1.bp.blogspot.com/-id2MiBDWogE/VASEEjr98VI/AAAAAAAAAjE/4AndAHZkus4/s1600/MH370.png" height="371" width="400" /></span></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span style="font-size: large;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">The department was kept as busy with internal mapping as it was publishing graphics. A lot of details such as distances to/from locations, directional headings, coordinates, navigational waypoints and remote islands were reported during unfolding developments. It was equally important for our own journalists and editors to understand this geography as it was the readers. We contributed to the reporting with a lot of geographical calculations and a lot of this work helped provide accurate detail and sometimes even shape stories.</span></div>
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span></div>
</div>
<div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>Daily charts</b></span></div>
<div style="min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">Here are some examples of the kind of charts we create on a daily basis. The graphic below shows the size of China's' Yuan swap lines with central banks.</span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; color: #232323; text-align: center;">
<span style="font-size: large;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /><span id="goog_86985196"></span></span><a href="http://2.bp.blogspot.com/-7A7hK-7mGEw/U2J2xM2YYGI/AAAAAAAAAhM/p9h3nUdfKIU/s1600/Swap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-7A7hK-7mGEw/U2J2xM2YYGI/AAAAAAAAAhM/p9h3nUdfKIU/s1600/Swap.png" height="386" width="400" /></a></span></div>
<div style="color: #232323;">
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span style="font-family: Georgia, 'Times New Roman', serif;">This chart shows the extreme temperatures that caused play to be suspended in the Australian Open earlier this year.</span></span><br />
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<span style="font-size: large;"><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
</span></div>
<div class="separator" style="clear: both; color: #232323; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large; margin-left: 1em; margin-right: 1em;"><a href="http://1.bp.blogspot.com/-hKGMfUEGtl4/Uy7iA_U1F4I/AAAAAAAAAZ8/eqyLzEkK9Gs/s1600/Melbourne.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-hKGMfUEGtl4/Uy7iA_U1F4I/AAAAAAAAAZ8/eqyLzEkK9Gs/s1600/Melbourne.png" height="400" width="400" /></a></span></div>
<div class="separator" style="clear: both; color: #232323; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; color: #232323;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Here are some more charts from the department. </span></div>
<div class="separator" style="clear: both; color: #232323; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; color: #232323; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="color: #232323;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-RtHLtFURXSw/U2J2wvLkhiI/AAAAAAAAAg4/FYTlKTVZsNg/s1600/BP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://1.bp.blogspot.com/-RtHLtFURXSw/U2J2wvLkhiI/AAAAAAAAAg4/FYTlKTVZsNg/s1600/BP.png" height="331" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-t_VU9tcx3pQ/U2J2wndnBRI/AAAAAAAAAhE/a1AEBiT5b70/s1600/Haiyan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://4.bp.blogspot.com/-t_VU9tcx3pQ/U2J2wndnBRI/AAAAAAAAAhE/a1AEBiT5b70/s1600/Haiyan.png" height="296" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-waq24VhzZp0/U2J2wihG6TI/AAAAAAAAAg8/F93Vc6pWP0A/s1600/Jobs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://2.bp.blogspot.com/-waq24VhzZp0/U2J2wihG6TI/AAAAAAAAAg8/F93Vc6pWP0A/s1600/Jobs.png" height="400" width="320" /></span></a></div>
<span style="font-size: large;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><span style="color: #232323;"><b><br /></b></span><span style="color: #232323;"><b><br /></b></span><b>Illustrated graphics</b></span></div>
<div style="min-height: 15px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">This Fukushima graphic accompanied an in-depth analysis on how the spent fuel will be removed from reactor no. 4. </span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-iTs1urbN4po/VASF6nfgIaI/AAAAAAAAAjQ/zLvmOoC4qes/s1600/Fuel.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://1.bp.blogspot.com/-iTs1urbN4po/VASF6nfgIaI/AAAAAAAAAjQ/zLvmOoC4qes/s1600/Fuel.png" height="400" width="266" /></span></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">The graphic below accompanied a story on GM's ignition switch recall.</span></div>
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-pHRm6qMi0UA/VASGqzmjVuI/AAAAAAAAAjY/YZgdEAbGv0A/s1600/GMswitch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://2.bp.blogspot.com/-pHRm6qMi0UA/VASGqzmjVuI/AAAAAAAAAjY/YZgdEAbGv0A/s1600/GMswitch.png" height="400" width="253" /></span></a></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><b>Sports</b></span></div>
<div style="color: #232323;">
<span style="font-size: large;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">This simple but effective chart showed how Tiger Woods regained top spot as golf's no. 1... </span></span><br />
<span style="font-size: large;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-pJd6UNpMiIY/U2Is5jmUaeI/AAAAAAAAAgo/jXhzdPuqVfw/s1600/GOLF-PGA+WOODS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-pJd6UNpMiIY/U2Is5jmUaeI/AAAAAAAAAgo/jXhzdPuqVfw/s1600/GOLF-PGA+WOODS.png" height="366" width="400" /></span></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;">... and <a href="http://graphics.thomsonreuters.com/14/golf/" target="_blank">this is a similar interactive</a> version we created afterwards.</span></span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://graphics.thomsonreuters.com/14/golf/" target="_blank"><span style="font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-YmgS8RxQVfc/VASIiMFlfcI/AAAAAAAAAjk/HMgeHNMiqj0/s1600/Golf.png" height="296" width="400" /></span></a></div>
<span style="font-size: large;"><br /></span>
<br />
<span style="font-size: large;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">We published the chart below when Gareth Bale broke the transfer record with a fee of 85 million pounds. We discovered that this was actually less than Ronaldo's fee in 2009 if adjusted for inflation.</span></span><br />
<span style="font-size: large;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-SMYXGB83DVY/Uy7_X7OaB9I/AAAAAAAAAbE/ScsAZ-6ezFo/s1600/Bale.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><img border="0" src="http://4.bp.blogspot.com/-SMYXGB83DVY/Uy7_X7OaB9I/AAAAAAAAAbE/ScsAZ-6ezFo/s1600/Bale.png" height="218" width="400" /></span></a></div>
<span style="font-size: large;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div style="color: #232323; min-height: 15px;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">We also issued a number of graphics before, during and after major events such as the Tour de France, World Cup and the Olympics but I'll come back to those in a later post.</span></div>
<div style="color: #232323;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div style="color: #232323; min-height: 15px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="min-height: 15px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><b>Features and analysis</b></span><br />
<div style="color: #232323;">
<span style="font-size: large;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span style="font-family: Georgia, 'Times New Roman', serif;">Sometimes we can provide background or analysis to an ongoing story such as the Israeli-palestinian conflict as shown below. The chart shows every documented fatality as a result of the conflict.</span></span><br />
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<span style="font-size: large;"><span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div style="color: #232323;">
</div>
<div style="color: #232323;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-RYaytI0JAFM/U2J66gjzcjI/AAAAAAAAAh0/SquoTTRZsME/s1600/IsraelPalestinians.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-RYaytI0JAFM/U2J66gjzcjI/AAAAAAAAAh0/SquoTTRZsME/s1600/IsraelPalestinians.png" height="317" width="400" /></span></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="color: #232323;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
</div>
<span style="font-size: large;"><br /></span>
<br />
<div>
</div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;">On a lighter note, this feature graphic (below) documents Marvel Studios' expanding film franchise after the release of Guardians of the Galaxy. It includes lifetime box-office earnings and budgets of films based on Marvel superheroes, including those in the Marvel Cinematic Universe.</span><br />
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<br />
<div style="-webkit-text-stroke-width: 0px; color: #232323; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; min-height: 15px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<div style="margin: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-lUywRF_qgzE/VASPBtHS9xI/AAAAAAAAAj0/Z6urKSHVo_c/s1600/MARVEL.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img border="0" src="http://3.bp.blogspot.com/-lUywRF_qgzE/VASPBtHS9xI/AAAAAAAAAj0/Z6urKSHVo_c/s1600/MARVEL.png" height="400" width="277" /></span></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">Expect some more posts on work from myself as well as work from the rest of the team at @reutersgraphics</span></div>
<div style="margin: 0px;">
<span style="font-size: large;"><br /></span></div>
<div style="font-family: Times; margin: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font-family: Times; margin: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font-family: Times; margin: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-80355723244195204612013-03-15T12:46:00.000-07:002013-03-15T12:46:43.060-07:00Gold medal at Malofiej<span style="font-family: Georgia, Times New Roman, serif;">Here is a look at the graphic I created last year which just won a gold medal at Malofiej 21. I'll write a more detailed post explaining the thinking, process and research behind the graphic in the next day or so (after celebrating in Pamplona).</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;">Congratulations to the team at SCMP with 5 awards in total, two of which went to Senior Infographic Artist Adolfo Arranz. More details to come soon.</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-hDYJS3PIY_A/UUN6TA7RV5I/AAAAAAAAAWQ/2iPQh-AdZXo/s1600/1picasso+gold.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-hDYJS3PIY_A/UUN6TA7RV5I/AAAAAAAAAWQ/2iPQh-AdZXo/s400/1picasso+gold.jpg" width="266" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com1tag:blogger.com,1999:blog-6061070669253902806.post-53523723043972233282013-02-16T10:06:00.001-08:002013-02-16T10:06:13.178-08:00Asteroids<span class="Apple-style-span" style="color: #2a2a2a; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px;"></span><br />
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;">A 45-metre-wide asteroid came remarkably close to Earth on Friday, even closer than communication and weather satellites. It was be the nearest known close miss for an object of its size. </span></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">When this story was first mentioned in the newsroom, a few days before the incident, it sparked debate. People were intrigued as to how close these objects come to Earth. How many pass by? And how fast or large are they? A perfect opportunity for an interesting graphic. </span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">As usual, NASA had every piece of information we needed. Their Near-Earth Object Program was established in 1998 to help coordinate, and provide a focal point for the study of comets and asteroids that can approach the Earth's orbit. They have data sets on all close approaches to Earth since 1900 and projected forward to 2200. </span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-3Yhyl6Lfzvs/UR_JH3vRW1I/AAAAAAAAAVg/eKpUUsUTwP8/s1600/fullpage.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-size: large;"><img border="0" height="400" src="http://1.bp.blogspot.com/-3Yhyl6Lfzvs/UR_JH3vRW1I/AAAAAAAAAVg/eKpUUsUTwP8/s400/fullpage.jpg" width="243" /></span></a></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;">The main part of the graphic shows all close approaches passing the Earth at a distance of one Lunar Distance (LD) or less. In other words, passing closer to Earth than the Moon. All 199 historical and projected passes are shown. All are arranged on the vertical axis by the distance they came to Earth. The axis represents the distance from the Earth to the Moon. Both of which are represented at each end, drawn to scale. The Length of each bar represents the speed at which the asteroid was traveling. White objects have already passed and orange are forecast. </span></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;"><br /></span></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-o3Jm_4di-4s/UR_JSSMsVLI/AAAAAAAAAVo/0vbjzmjNWaQ/s1600/key.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-size: large;"><img border="0" height="256" src="http://2.bp.blogspot.com/-o3Jm_4di-4s/UR_JSSMsVLI/AAAAAAAAAVo/0vbjzmjNWaQ/s320/key.jpg" width="320" /></span></a></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;"><br /></span></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;"><br /></span></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;"><br /></span></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">We also included two smaller diagrams. One showing 2012 DA14's orbit and how it will pass Earth and another showing its size compared to the Space Shuttle and the largest asteroid on the chart. </span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6JIG24-FFhs/UR_JYdUC5kI/AAAAAAAAAVw/JAANoeXrcLo/s1600/scale.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-size: large;"><img border="0" height="320" src="http://1.bp.blogspot.com/-6JIG24-FFhs/UR_JYdUC5kI/AAAAAAAAAVw/JAANoeXrcLo/s320/scale.jpg" width="258" /></span></a></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">The chart below did not make it on to the graphic. </span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-LrpwEB_Hx10/UR_Jc9hkgKI/AAAAAAAAAV4/dwbMEzOMCR8/s1600/chart.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-size: large;"><img border="0" height="170" src="http://2.bp.blogspot.com/-LrpwEB_Hx10/UR_Jc9hkgKI/AAAAAAAAAV4/dwbMEzOMCR8/s400/chart.jpg" width="400" /></span></a></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">This shows all the asteroids over time. Every close approach recorded by NASA from the year 1900 to 2200 going out even further to 5 Lunar Distances or less. When we plotted it on this chart we noticed a strong trend. The last decade or so has seen a huge spike in the number of close approaches. Or has it? We figured this chart was too good to be true and assumed it may have something to do with recent technology and a greater ability to track these objects now. After speaking to NASA our suspicions were confirmed. It is harder to back track and accurately plot every close approach earlier in the 20th century and hard to predict as many in the distant future. After learning this we decided the chart was slightly misleading and decided to drop it. </span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;">We decided the information we were showing was strong and simple enough to hold a full page and ran the graphic in Friday's newspaper as a back page.</span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: normal normal normal 14px/normal Arial; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-4219178191259871822013-01-30T05:04:00.000-08:002013-01-30T05:04:31.332-08:00Arteries of the city<br />
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;">I created this graphic back in October shortly after Hong Kong's Transport Department released their annual traffic census. The 182-page report was packed with statistics and useful information but the best data was a thorough breakdown of daily traffic on almost every stretch of road. The territory has hundreds of counting stations. We thought the chance to do something with these numbers was too good to miss so we pitched an analysis to the Editor who was keen to give it a good space.</span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-UqF0Ik-uIaI/UQkZ2M1QREI/AAAAAAAAAVI/-ha-IuVlA5Q/s1600/ARTERIES.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-UqF0Ik-uIaI/UQkZ2M1QREI/AAAAAAAAAVI/-ha-IuVlA5Q/s400/ARTERIES.jpg" width="245" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;">The thickness of each line represents the average daily number of vehicles traveling on that stretch of road. The colour represents the percentage change on last year. This helps the reader to explore the data in two ways. You can clearly see that the main roads along the front of Hong Kong Island are still the busiest. But by the colour, the traffic has also mostly decreased compared to last year. You can also see that a lot of the roads in Kowloon have become busier. In particular the area up to the left, Tsuen Wan, the three tunnels north and the major highways to the east.</span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;">There is also a clear change in the cross-harbour tunnels. The Eastern and Western Harbour Tunnels have increased in traffic compared to the central tunnel which has decreased. But they still see less traffic.</span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;">The graphic is also a fun way for the reader to take a look around their neighbourhood or route to work.</span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
<div style="font: normal normal normal 12px/normal 'Times New Roman'; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;"><br /></span></span></div>
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-50192523557798685302013-01-18T04:26:00.000-08:002013-01-18T04:26:17.166-08:00<!--StartFragment-->
<br />
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Roadside pollution in Hong Kong hit a record high this year,
on August 2 in Central, with the index reaching 212. As the year drew to a
close, we took a look at how the air had fared in every hour in the year up to
the publishing date.</span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Lx16NjeLIUQ/UPk9as4zdvI/AAAAAAAAAUI/2Y-ZxPYEk9Y/s1600/POLLUTIONfull.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-Lx16NjeLIUQ/UPk9as4zdvI/AAAAAAAAAUI/2Y-ZxPYEk9Y/s400/POLLUTIONfull.jpg" width="240" /></a></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Each day is represented by a row of 24 squares, one for each
hour of the day. The shade of the square indicates the pollution reading at Central monitoring
station.</span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-SqzWJLoKJwY/UPk9mghvtpI/AAAAAAAAAUQ/DCmwwUVu2zk/s1600/index.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-SqzWJLoKJwY/UPk9mghvtpI/AAAAAAAAAUQ/DCmwwUVu2zk/s320/index.jpg" width="253" /></a></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The idea was to give the reader an overall glance at the
year so they can see the worst and clearer periods, but also the opportunity to
dig a little deeper into the hourly data. We also added some text pointers to
explain some probable contributing factors to clearer air such as typhoons.</span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-5sB4bdmUBVo/UPk94hx3QQI/AAAAAAAAAUY/0MGZDYcy-ds/s1600/clear.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://2.bp.blogspot.com/-5sB4bdmUBVo/UPk94hx3QQI/AAAAAAAAAUY/0MGZDYcy-ds/s400/clear.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-6Mw0MwHboUQ/UPk9_8bFZXI/AAAAAAAAAUg/dRvO4Wsfkdk/s1600/broken.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="http://3.bp.blogspot.com/-6Mw0MwHboUQ/UPk9_8bFZXI/AAAAAAAAAUg/dRvO4Wsfkdk/s400/broken.jpg" width="400" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Hong Kong’s air pollution is often blamed on its proximity
to mainland China’s industry. Wind direction each day is included as small
arrows to the left of each row in order to gauge, if any, the relationship between northerly winds and
bad air. </span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-iBpgVa3fHIY/UPk-VWlJOEI/AAAAAAAAAUo/fvKvre1WJsU/s1600/wind.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="http://4.bp.blogspot.com/-iBpgVa3fHIY/UPk-VWlJOEI/AAAAAAAAAUo/fvKvre1WJsU/s320/wind.jpg" width="320" /></a></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">We wanted the reader to come to their own conclusion about
the relationship with wind direction but it turns out a lot of the bad spells
coincide with winds from the North (black arrows). See below.</span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><o:p></o:p></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-M2AxlQ4TUSU/UPk-hMhpbEI/AAAAAAAAAUw/Cpwr8cIshZk/s1600/arrows.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="http://4.bp.blogspot.com/-M2AxlQ4TUSU/UPk-hMhpbEI/AAAAAAAAAUw/Cpwr8cIshZk/s200/arrows.jpg" width="200" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The graphic was published as a full broadsheet back page
near the end of December.</span><o:p></o:p></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<!--EndFragment-->
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-47638954109668451402012-12-13T05:07:00.002-08:002012-12-13T05:07:47.562-08:00Messi v Muller<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">We published this information graphic when Lionel Messi broke Gerhard Muller's record of 85 goals in a calendar year. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-zg0_i5vdYyM/UMnQCZ2SJZI/AAAAAAAAATc/x6-j6VDlpKg/s1600/mullerPage.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://3.bp.blogspot.com/-zg0_i5vdYyM/UMnQCZ2SJZI/AAAAAAAAATc/x6-j6VDlpKg/s640/mullerPage.jpg" width="236" /></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The chart shows every goal, plotted by date scored. The length of a bar represents the number of goals scored in that day’s match. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-vgxWg0oqjHQ/UMnQULj3XXI/AAAAAAAAATk/HpZqJXgJWkI/s1600/key.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="188" src="http://1.bp.blogspot.com/-vgxWg0oqjHQ/UMnQULj3XXI/AAAAAAAAATk/HpZqJXgJWkI/s400/key.jpg" width="400" /></a></td></tr>
</tbody></table>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">We wanted to do more than simply compare the number of goals each player has scored. Presenting every goal on a timeline in this way allows us to study the data and draw our own conclusions as to which of the two goalscorer's records in most impressive. It lets us see busy scoring periods, drier seasons, big hauls in some games (often scoring 4 or 5 goals) and most importantly, how Muller continued his prolific scoring rate for many years after he set the record in 1972.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-dfDCMXJ3xZA/UMnSOhrkXdI/AAAAAAAAATs/gYdHg1b0al4/s1600/CLOSEUP.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-dfDCMXJ3xZA/UMnSOhrkXdI/AAAAAAAAATs/gYdHg1b0al4/s320/CLOSEUP.jpg" width="161" /></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The data for Messi's goals and when he scored them was pretty easy to find from various reliable websites. Muller's was not so easy. So much so we had to commission a private sports data company in Germany to compile it for us. In the end we decided it was worth the extra expense in order to show the information this way and give the reader a different angle to other Messi infographics they may have seen recently.</span>Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com1tag:blogger.com,1999:blog-6061070669253902806.post-32418109650070426372012-12-02T07:17:00.003-08:002012-12-02T07:17:38.905-08:00<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">As the government considers a revamp of electricity tariffs, we took a look at Hong Kong's power consumption. Who uses all the electricity in our city and what is it used on? This graphic was printed last week as a full broadsheet back page. Data set was provided by the government's Electrical and Mechanical Services Department.</span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-6zj-cIRjXA0/ULtvQPFCN1I/AAAAAAAAATA/W4MA7VrN2hs/s1600/powerSMALL.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-6zj-cIRjXA0/ULtvQPFCN1I/AAAAAAAAATA/W4MA7VrN2hs/s400/powerSMALL.jpg" width="247" /></a></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">This type of chart is known as a Sankey diagram. The thickness of each line reflects a value. In this case, an amount of electricity in terajoules. All of the lines add up to give subtotals and totals by users (grey) and end use (coloured).</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-XW6mL9ALDEA/ULtvkn-bA3I/AAAAAAAAATI/oTH9mNINLSE/s1600/PowerLINES.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/-XW6mL9ALDEA/ULtvkn-bA3I/AAAAAAAAATI/oTH9mNINLSE/s400/PowerLINES.jpg" width="292" /></a></div>
<br />
<br />Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com1tag:blogger.com,1999:blog-6061070669253902806.post-8708014942730214412012-11-23T00:35:00.000-08:002012-11-23T00:35:05.097-08:00Wages in Hong KongAs Hong Kong’s wealth gap widens, who is on which side of the growing divide? This graphic shows which industries pay the most and which have the biggest discrepancies between their highest and lowest earners. The dataset was provided by the Hong Kong Census and Statistics Department and covers all official employment in HK. This graphic was printed as a full broadsheet page.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-lXZpQz7Ygs0/UK8wnca1inI/AAAAAAAAASQ/l8RsTs8o2_w/s1600/TopWages.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-lXZpQz7Ygs0/UK8wnca1inI/AAAAAAAAASQ/l8RsTs8o2_w/s400/TopWages.jpg" width="245" /></a></div>
<br />
<br />
<br />
<br />
Each industry is represented by a series of 3 connected dots. The middle dot is the median wage for that sector and the top and bottom dots are the averages for high and low earners (90th and 10th percentile). This shows some industries have a huge difference between top earners and what most others are paid.<br />
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-COalk0XXcBQ/UK8zmS5P0oI/AAAAAAAAASk/zGKE7N7lP5g/s1600/key.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="167" src="http://2.bp.blogspot.com/-COalk0XXcBQ/UK8zmS5P0oI/AAAAAAAAASk/zGKE7N7lP5g/s320/key.jpg" width="320" /></a></td></tr>
</tbody></table>
<br />
<br />
<br />
The height of the dots reflects the hourly wage in HK$. The industry, or green line/dots, is also placed left to right along the x axis according to how many people work in that industry. You can see Import and Export Trade alone out to the right of the chart. By far the biggest employment sector in Hong Kong.<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-jOYxthTEHfg/UK8zxCf-nqI/AAAAAAAAASs/VWb9pp2YDKM/s1600/Close+up.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="http://4.bp.blogspot.com/-jOYxthTEHfg/UK8zxCf-nqI/AAAAAAAAASs/VWb9pp2YDKM/s320/Close+up.jpg" width="320" /></a></div>
<br />
<br />
<br />
Restaurants and estate services had the lowest two averages.<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-13502451640992915802012-09-30T03:38:00.000-07:002012-09-30T03:38:35.696-07:00Combining hand drawn illustration with vector<br />
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;">This piece from a few months ago shows a slightly different approach to our graphics. We don't often get to combine soft hand drawn illustrations with vector drawings. But sometimes, instead of the two styles fighting for attention in the graphic they can compliment each other well.</span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-KnuAvfpF-oA/UGgeT4ZQ71I/AAAAAAAAAQo/FTFia694kpA/s1600/Retina.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="http://3.bp.blogspot.com/-KnuAvfpF-oA/UGgeT4ZQ71I/AAAAAAAAAQo/FTFia694kpA/s400/Retina.jpg" width="400" /></a></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="color: #333233; font-family: Georgia, 'Times New Roman', serif; font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span style="color: black; font: 12.0px Helvetica;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;">This graphic was created to accompany a story covering</span></span> t</span>he first implantation of a subretinal microchip in Asia.<span style="color: black; font: 12.0px Helvetica;"> </span>Mrs TSANG WU Suet-yun had been legally b</span>lind for 15 years. The operation at the Eye Institute of The University of Hong Kong restored her sight in one eye.</span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;">In this case we used a black and white pencil style of sketching by senior graphic artist and Illustrator Adolfo Arranz. Then the graphic was put together and vector illustrations finished by myself in Adobe Illustrator. </span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;">Using the softer hand drawn illustrations for the face and skull allowed the major highlights like the eye and the technology to stand out more and be the main focus. The drawings served their purpose of locating the device around the skull and eye socket but also gave it a more human touch as the face drawn is an actual portrait of the lady who received the operation.</span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;">First we found good visual reference for the skull. Facing a good angle so we can show all the elements in the right eye and the eye socket and also the battery near the ear. Then drew the sections of the skull needed on one file and the portrait of Mrs Tsang at the same angle on another file. Overlaid the two and erased the parts not needed. Then we included the illustrator drawings of the eye and the device and then layered them accordingly. A few more smaller diagrams were added to explain the device and disease.</span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-kzbmuxhOGaM/UGge1hSQmdI/AAAAAAAAARI/Ti05XxZjuQM/s1600/Tsang.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="http://3.bp.blogspot.com/-kzbmuxhOGaM/UGge1hSQmdI/AAAAAAAAARI/Ti05XxZjuQM/s320/Tsang.jpg" width="284" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Mrs Tsang</span></td></tr>
</tbody></table>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-1NhzTOr4c34/UGgeyUM5rZI/AAAAAAAAAQ4/cfr_JUVMjiI/s1600/face.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="397" src="http://3.bp.blogspot.com/-1NhzTOr4c34/UGgeyUM5rZI/AAAAAAAAAQ4/cfr_JUVMjiI/s400/face.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Portrait</span></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-VWEROIdn2kY/UGgeyw_ZvFI/AAAAAAAAARA/fhXh9xZuKbA/s1600/skull.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="397" src="http://4.bp.blogspot.com/-VWEROIdn2kY/UGgeyw_ZvFI/AAAAAAAAARA/fhXh9xZuKbA/s400/skull.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Skull/eye socket</span></td></tr>
</tbody></table>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-J9iDjOxwWAg/UGgexhWYXrI/AAAAAAAAAQw/rdeW26PVVQI/s1600/eye1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://4.bp.blogspot.com/-J9iDjOxwWAg/UGgexhWYXrI/AAAAAAAAAQw/rdeW26PVVQI/s400/eye1.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Eye and device</span></td></tr>
</tbody></table>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;">The story was a breaking news piece so we finished and published the graphic in around 5-6 hours.</span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-9uFGVf46_2g/UGgfqjRVjaI/AAAAAAAAARY/kpFfCrrln0s/s1600/RetinaPage.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://2.bp.blogspot.com/-9uFGVf46_2g/UGgfqjRVjaI/AAAAAAAAARY/kpFfCrrln0s/s400/RetinaPage.jpg" width="273" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The page</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-36157371183823976442012-09-22T05:56:00.001-07:002012-09-22T05:56:04.378-07:00NatGeo infographics from 30 years ago<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">I was trying to keep this blog mostly about my work of my own and from our department but came across something I thought I should share. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">For my birthday last year my very thoughtful wife managed to get me this original copy of National Geographic from the month I was born. October 1981. Like most people in my line of work, I love National Geographic for many reasons including the very high standard of information graphics and cartography. So, naturally, I got stuck in to see what their graphics were like back then. So here are some examples. I included some illustration too which all seemed to tie together with the graphics to create a uniform style.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-U9TX4SlnabM/UF2tIvAwzHI/AAAAAAAAAO8/fdhhdXaf6p8/s1600/cover.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-U9TX4SlnabM/UF2tIvAwzHI/AAAAAAAAAO8/fdhhdXaf6p8/s400/cover.jpg" width="273" /></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The cover story also turned out to be very interesting. It covered </span><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">STS-1</span></span><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">, the first orbital flight of </span></span><span class="Apple-style-span" style="line-height: 19px;"><a href="http://en.wikipedia.org/wiki/NASA" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; text-decoration: none;" title="NASA"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: black;">NASA</span></span></a></span><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">'s </span></span><span class="Apple-style-span" style="line-height: 19px;"><a href="http://en.wikipedia.org/wiki/Space_Shuttle_program" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; text-decoration: none;" title="Space Shuttle program"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: black;">Space Shuttle program</span></span></a><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> and also the future of the Space Station. That was also a coincidence and quite special to me as last year, and almost exactly 30 years later, I was working on one of my first major graphics for the SCMP. The final Space Shuttle mission drawing the entire program to a close. <i>Shown in an earlier post.</i></span></span><br />
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-yY_QHYEOOI4/UF2tUeFyLHI/AAAAAAAAAPE/f8KwoCg11qc/s1600/reentry.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="296" src="http://3.bp.blogspot.com/-yY_QHYEOOI4/UF2tUeFyLHI/AAAAAAAAAPE/f8KwoCg11qc/s400/reentry.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Nice illustration</span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="line-height: 19px;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-cjRb15NGhVI/UF2unohZBEI/AAAAAAAAAPM/yYXCdd_GrP8/s1600/shuttle.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://3.bp.blogspot.com/-cjRb15NGhVI/UF2unohZBEI/AAAAAAAAAPM/yYXCdd_GrP8/s400/shuttle.jpg" width="265" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Graphic showing main parts and basic maneuvers</span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-nBVU8I3Ge6w/UF2u-otXaNI/AAAAAAAAAPU/koYe6wDzeKE/s1600/space+station.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="302" src="http://2.bp.blogspot.com/-nBVU8I3Ge6w/UF2u-otXaNI/AAAAAAAAAPU/koYe6wDzeKE/s400/space+station.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The planned Space station. Long before ISS</span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-tDjtCWDLXGs/UF2v0h37FCI/AAAAAAAAAPc/2Q2Y2akv4fw/s1600/Kennedy.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="298" src="http://3.bp.blogspot.com/-tDjtCWDLXGs/UF2v0h37FCI/AAAAAAAAAPc/2Q2Y2akv4fw/s400/Kennedy.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Kennedy Space Centre</span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The two illustrations above also serve as an infographic with numbered pointers explaining what the various parts are.</span></span><br />
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Next up, a few maps. The cartography was still of a very high standard 30 years ago. From three page fold outs to single column locator maps.</span></span><br />
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/--nUaVooCPvo/UF2wsrYUr1I/AAAAAAAAAPk/3ZTBCFsA3a4/s1600/IndianOcean.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="177" src="http://3.bp.blogspot.com/--nUaVooCPvo/UF2wsrYUr1I/AAAAAAAAAPk/3ZTBCFsA3a4/s400/IndianOcean.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Fold out map of US and USSR naval presence in the Indian Ocean</span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-QQ2-o-qRXXY/UF2xEur_gwI/AAAAAAAAAPs/cbc55VL8JPQ/s1600/lake.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://1.bp.blogspot.com/-QQ2-o-qRXXY/UF2xEur_gwI/AAAAAAAAAPs/cbc55VL8JPQ/s400/lake.jpg" width="252" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Mono lake in California.</span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-XjCQPVS-dU8/UF2zoFxLCBI/AAAAAAAAAQA/jf1FlqTBVHw/s1600/birds.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://4.bp.blogspot.com/-XjCQPVS-dU8/UF2zoFxLCBI/AAAAAAAAAQA/jf1FlqTBVHw/s400/birds.jpg" width="296" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Single column migration route map</span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="line-height: 19px;"><i><span class="Apple-style-span" style="font-style: normal;"><br /></span></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-UrtiYeW-v9M/UF2zwwHBp_I/AAAAAAAAAQI/rBZJBiXLAH8/s1600/everest.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="254" src="http://2.bp.blogspot.com/-UrtiYeW-v9M/UF2zwwHBp_I/AAAAAAAAAQI/rBZJBiXLAH8/s320/everest.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Everest's Northern Ridge</span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">And finally another hand drawn graphic about restoration of a Roman facade.</span></span><br />
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-bMUORullwbQ/UF20iLntu_I/AAAAAAAAAQQ/fh_OkSM4iqs/s1600/roman.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-bMUORullwbQ/UF20iLntu_I/AAAAAAAAAQQ/fh_OkSM4iqs/s400/roman.jpg" width="257" /></a></div>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">That's it... Hope you enjoyed them.</span></span><br />
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>
<span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><br /></i></span></span>Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-62733863920893077662012-09-17T04:23:00.002-07:002012-09-17T04:25:33.659-07:00Euro 2012 football graphics<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Here are a couple of examples of graphics we created during the Euro 2012 football (soccer) championships. We published a preview supplement which contained some smaller graphics on individual team performance during qualifying and venue maps etc. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">I then created this graphic below as a stand alone feature in sport just before the tournament kicked off. It shows all of the goals scored during the qualifying rounds and where they were scored from. The red lines also highlight the top scorer's goals for that particular team.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">For the data we worked with Opta, a UK based sports data service. They can help with almost any request for sports data and also have a subscription service if you're serious about sports graphics.</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-S1Yr91oPwz4/UFcG6FjOX6I/AAAAAAAAAOI/V3Z-GI1-hPE/s1600/GOALS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-S1Yr91oPwz4/UFcG6FjOX6I/AAAAAAAAAOI/V3Z-GI1-hPE/s400/GOALS.jpg" width="263" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-nefPlje5dKI/UFcG7wSNwmI/AAAAAAAAAOQ/LLBMtfTgAV8/s1600/Ronaldo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://3.bp.blogspot.com/-nefPlje5dKI/UFcG7wSNwmI/AAAAAAAAAOQ/LLBMtfTgAV8/s400/Ronaldo.jpg" width="388" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Portugal and Ronaldo detail showing all those long range goals </span></td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
This second graphic was printed before the final between Spain and Italy. A lot of press had been given to Spain's brilliant passing game. And Pirlo was also playing well and pulling the strings for Italy. After speaking to sport we decided this was a good place to start and worked on a review of all the passing, defending and attacking from the two teams so far in the finals.<br />
<br />
For this we used a Euro2012 ipad app no longer available which was also powered by Opta. There are lots of free or reasonably priced apps available rich in sports data and often powered by great sources. This particular one even had pass tracking features so we were able to get every pass, screen shot it at high resolution and then trace them. Though it did take a long time for us to trace 6,000 passes!<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-a9NiGOvaXlk/UFcHAuJMQ3I/AAAAAAAAAOY/aAnicOkUzLA/s1600/passes2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-a9NiGOvaXlk/UFcHAuJMQ3I/AAAAAAAAAOY/aAnicOkUzLA/s400/passes2.jpg" width="270" /></a></div>
<br />
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-SYi2WcR0xRg/UFcHDrWESCI/AAAAAAAAAOg/WSjyaR7TrKo/s1600/PASSING.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="290" src="http://4.bp.blogspot.com/-SYi2WcR0xRg/UFcHDrWESCI/AAAAAAAAAOg/WSjyaR7TrKo/s400/PASSING.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">On the spread</span></td></tr>
</tbody></table>
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-B7KzrMA9YpA/UFcHG1g-YJI/AAAAAAAAAOo/y3hSH7gpbQ4/s1600/PASSINGxavi.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://2.bp.blogspot.com/-B7KzrMA9YpA/UFcHG1g-YJI/AAAAAAAAAOo/y3hSH7gpbQ4/s400/PASSINGxavi.jpg" width="312" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Xavi detail</span></td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-46354513332083254872012-09-12T10:49:00.003-07:002012-09-12T11:01:12.313-07:00Our Titanic work<h2>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small; font-weight: normal;"><span class="Apple-style-span" style="font-family: Times;"><span class="Apple-style-span" style="font-size: large;"><b><br /></b></span></span></span></span></h2>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Most publications would have done some sort of graphics looking back to what happened to the Titanic 100 years ago. We decided to do two separate graphics. The first looking at the ship itself, which at the time was an engineering marvel. The second, published a day later on the anniversary itself, looked at the tragic events of the sinking. For both we negotiated a large amount of space at a full broadsheet page each.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The first graphic was done by myself. Obviously I started by researching. We knew this was coming up way ahead of time so could start researching early. The main source I used for the graphic was a special edition Haynes manual I ordered over the Internet. It was 150 pages of diagrams, photos and text covering every working part of the ship. I used this as the base for my deck plans and worked from there.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-KrxgRwi3PVw/UFC-N4lN4lI/AAAAAAAAAMk/89ki2K97Rj4/s1600/coverbook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-KrxgRwi3PVw/UFC-N4lN4lI/AAAAAAAAAMk/89ki2K97Rj4/s320/coverbook.jpg" width="238" /></a></div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Haynes manuals have been made since the 1960s for almost every popular model of car. They are aimed at owners and professional garage mechanics, helping them to strip down and rebuild cars. This was a special edition launched for the 100th anniversary of the titanic.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-L8cjNZcOcxE/UFDAPkveyPI/AAAAAAAAAMs/eSr1AgXk0mY/s1600/engine.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="238" src="http://3.bp.blogspot.com/-L8cjNZcOcxE/UFDAPkveyPI/AAAAAAAAAMs/eSr1AgXk0mY/s320/engine.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Inside</span></span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-3NAa7QvFvoo/UFDAjw0qvXI/AAAAAAAAAM0/kl94EnUT6Fw/s1600/plans.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="239" src="http://3.bp.blogspot.com/-3NAa7QvFvoo/UFDAjw0qvXI/AAAAAAAAAM0/kl94EnUT6Fw/s320/plans.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Deck plans</span></span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">After researching I started to plan out the graphic. I traced out the flat deck plans and used the Extrude & Bevel tool in Illustrator to try them at different angles to see which gave the best view to see every room. </span></span><span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">I then illustrated the whole ship at the same angle, dissected it into the correct slices and sunk in the floor plans which I'd drawn up in 3D. All as vector in Illustrator.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Later in the graphic I realised there was some updating to be done. Although the deck plans in the manual were attributed to the shipbuilder themselves, there were a few details which didn't match some other plans I'd seen elsewhere. After getting in touch with the publisher I found out the plans in the book were for the Olympic class of cruise liner in general. There were three ships built in this class and Titanic was one of them, but she also had a lot of individual modifications being the flagship liner.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The Discovery Channel also had some very detailed blueprints of the ship which I used to cross check. One obvious difference was the promenade and millionaires' suites on B deck. See below. The Haynes version on top shows an open promenade when the Titanic actually had this section turned into private promenades as part of the two millionaires' suites.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ZqDJdxYHMC0/UFDEzeZDgmI/AAAAAAAAANM/LsSmzOIln5k/s1600/prom.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://4.bp.blogspot.com/-ZqDJdxYHMC0/UFDEzeZDgmI/AAAAAAAAANM/LsSmzOIln5k/s640/prom.jpg" width="464" /></a></div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">And in the graphic...</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-6z6dk24p6ME/UFDFDr4zbRI/AAAAAAAAANU/gp5i5r731ZQ/s1600/suite.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="http://3.bp.blogspot.com/-6z6dk24p6ME/UFDFDr4zbRI/AAAAAAAAANU/gp5i5r731ZQ/s320/suite.jpg" width="320" /></a></div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">After checking the rest of the plans a few more alterations were made. Then labels and other parts of the graphic were added. </span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-E4r73C2lSyw/UFDGu4_9jBI/AAAAAAAAANc/ao7fY_fLotQ/s1600/TITANIC.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://1.bp.blogspot.com/-E4r73C2lSyw/UFDGu4_9jBI/AAAAAAAAANc/ao7fY_fLotQ/s400/TITANIC.jpg" width="263" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;">End result</span></span></td></tr>
</tbody></table>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">I worked on this graphic for months in between other projects and daily work. It was published on Saturday's back page. The day before the 100th anniversary.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">
</span><span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">
</span><span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">PART 2</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">
</span><span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">The following day came the second graphic which looked at the disaster itself. This graphic, by Adolfo Arranz, had a completely different style. A more tragic feel, illustrated at night, and drawn mostly using Coral Painter in Adolfo's usual technique. Some Adobe Illustrator parts too.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: auto;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-WwvWmDuMEGs/UFDKLEQB6kI/AAAAAAAAANs/blUIaxjHPYQ/s1600/spread.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span class="Apple-style-span" style="color: black;"><img border="0" height="233" src="http://3.bp.blogspot.com/-WwvWmDuMEGs/UFDKLEQB6kI/AAAAAAAAANs/blUIaxjHPYQ/s320/spread.jpg" width="320" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-size: small;">The spread</span></td></tr>
</tbody></table>
<br />
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-BwcIiOBazxE/UFDKWs1cfhI/AAAAAAAAAN0/QA__XgxPpPo/s1600/TITANICADOLFO.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/-BwcIiOBazxE/UFDKWs1cfhI/AAAAAAAAAN0/QA__XgxPpPo/s400/TITANICADOLFO.jpg" width="268" /></a></div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">This graphic ran on a spread inside the paper with a feature story on survivors.</span></span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 12px;"><br /></span></span>Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com3tag:blogger.com,1999:blog-6061070669253902806.post-57933917858932940642012-09-09T04:12:00.002-07:002012-09-09T04:16:38.814-07:00<span class="Apple-style-span" style="color: #2a2a2a; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; line-height: 17px;"></span><br />
<h2>
Local issues - Public identity</h2>
<div style="font: normal normal normal 12px/normal Helvetica; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
In the last couple of posts I've shown graphics covering big international stories. In contrast, here is a recent graphic we created which looks at a local issue. This was part of our coverage of Hong Kong's 15th anniversary of the handover from Britain back to China. In the last 15 years a local university has been keeping a running survey on how people would identify themselves. Either as a Honk Kong citizen or a Chinese citizen or somewhere in between. This has swung back and forth over the years for a number of possible reasons. We created this graphic to show the results over time.</div>
<div style="font: normal normal normal 12px/normal Helvetica; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 14px;">
<br style="line-height: 15px;" /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-PHzN0zOfy0w/UEx4KEeyJDI/AAAAAAAAAMM/tJvnmXCc6zs/s1600/Identity.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-PHzN0zOfy0w/UEx4KEeyJDI/AAAAAAAAAMM/tJvnmXCc6zs/s400/Identity.jpg" width="263" /></a></div>
<div style="font: normal normal normal 12px/normal Helvetica; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div style="font: normal normal normal 12px/normal Helvetica; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 14px;">
<span class="Apple-style-span" style="line-height: 15px;"><br /></span></div>
<div style="font: normal normal normal 12px/normal Helvetica; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 14px;">
We stuck with a similar solution for the interactive version. We created this one for the site so it could stay up longer and let people explore the data for themselves. This one generated the largest number of clicks to date on the paper's Facebook page. </div>
<br />
<br />
<a href="http://events.scmp.com/news/content/IdentifyYourself/home.html"><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" style="color: #cc0000;">Interactive version can be viewed here</span></span></a><br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0tag:blogger.com,1999:blog-6061070669253902806.post-69489589372643671392012-09-05T09:37:00.000-07:002012-09-05T09:41:20.549-07:00<h2>
Malofiej 20</h2>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #2a2a2a; line-height: 17px;"></span></span><br />
<div style="font: normal normal normal 12px/normal Helvetica; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: small;">A look at our participation at Malofiej 20 infographic world summit and awards in Pamplona, Spain. I'm sure most of you have already read everything there is to know about the conference itself and the success of publications such as the New York Times and National Geographic this year. Here is a quick look at what we sent and what we won medals for in the Post's first ever entry to the competition.</span></span></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-BiIJy9xjZ0w/UEd5221KyYI/AAAAAAAAALY/-9GabkNjIrc/s1600/Iraq+withdrawal.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://4.bp.blogspot.com/-BiIJy9xjZ0w/UEd5221KyYI/AAAAAAAAALY/-9GabkNjIrc/s400/Iraq+withdrawal.jpg" width="270" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
This was a silver medal in the features category. This was a graphic by myself, again on the back page of news, to coincide with the withdrawal of US troops from Iraq. The main chart shows the number of civilians who lost their lives as a result of the conflict on a monthly basis. These are compared to coalition fatalities (darker red, inset bars).<br />
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-9VILyLo4F08/UEd6_iutZVI/AAAAAAAAALg/Vd8zEFvI9oo/s1600/shuttleFINAL.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-9VILyLo4F08/UEd6_iutZVI/AAAAAAAAALg/Vd8zEFvI9oo/s320/shuttleFINAL.jpg" width="235" /></a></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
Bronze in features category. This was our first full-page graphic we negotiated for the back page. The graphic ran with a feature on the space shuttle's last mission back in July 2011.<br />
<br />
Below are some more examples which contributed to a bronze medal in the portfolio category.<br />
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Hrk9vPDJFRI/UEd8Mh4AqeI/AAAAAAAAALo/wFpFzi3CG4Y/s1600/World+Population.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-Hrk9vPDJFRI/UEd8Mh4AqeI/AAAAAAAAALo/wFpFzi3CG4Y/s400/World+Population.jpg" width="266" /></a></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
A cartogram showing the population of each country in 1950 compared to 2011. Section in the bottom left of the graphic shows how much space a crowd of seven billion would take.<br />
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-XJ_MM8DTLF0/UEd8xMm69HI/AAAAAAAAALw/NdQoJBeD0O0/s1600/911.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="http://4.bp.blogspot.com/-XJ_MM8DTLF0/UEd8xMm69HI/AAAAAAAAALw/NdQoJBeD0O0/s400/911.jpg" width="400" /></a></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Iw_z4DYdXjc/UEd85xQSZQI/AAAAAAAAAL4/buQ80wKKMQI/s1600/2011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="http://4.bp.blogspot.com/-Iw_z4DYdXjc/UEd85xQSZQI/AAAAAAAAAL4/buQ80wKKMQI/s400/2011.jpg" width="400" /></a></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<br />
Two more graphics showing the Human and financial costs of conflict since 9/11 and a chart showing 2011's most reported stories by daily word count.<br />
<br />
Malofiej was a great experience and we look forward to seeing any of you there again next year.<br />
<br />
http://www.malofiej20.com/ Malofiej official site<br />
http://www.malofiej20.com/wp-content/uploads/2012/04/M20_Awards_Premios_OK1.pdf Winners list<br />
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Helvetica; font-size: 12px;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com2tag:blogger.com,1999:blog-6061070669253902806.post-60560294783572275202012-09-03T11:10:00.001-07:002012-09-03T11:20:34.816-07:00<h2>
First post</h2>
<h3>
Olympics</h3>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Hello and welcome to my new blog about information graphics. I will mostly post examples of my own work and some other pieces from our graphics department at the South China Morning Post (SCMP) where I'm currently Graphics Director. </span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></span></span><span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">I thought a good place to start would be to show some of our work for the London Olympics. Here are some examples of ways print graphics were used during our coverage.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ZbaELQ5vVCU/UETrQlpzKyI/AAAAAAAAAKo/N2mijho4vBI/s1600/papers.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="http://4.bp.blogspot.com/-ZbaELQ5vVCU/UETrQlpzKyI/AAAAAAAAAKo/N2mijho4vBI/s400/papers.jpg" width="400" /></a></div>
<br />
<span class="Apple-style-span" style="color: #2a2a2a; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; line-height: 17px;"></span><br />
<div style="font: normal normal normal 12px/normal Helvetica; line-height: normal; margin-bottom: 1.35em; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">During the two weeks running up to the Games we started to run a few slightly off-beat, feature graphics. These were a full broadsheet page each and appeared on the back page of the main news section. This is a spot we've been using regularly to do large stand-alone feature graphics. I'll talk more about our back page infographics in general in another post soon.</span></span><br />
<span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-U0h9QxvTIL8/UETvFsP4wuI/AAAAAAAAAK4/Swaq7TgF_5c/s1600/ANCIENTOLYMPICS.jpg" imageanchor="1"><img border="0" height="400" src="http://2.bp.blogspot.com/-U0h9QxvTIL8/UETvFsP4wuI/AAAAAAAAAK4/Swaq7TgF_5c/s400/ANCIENTOLYMPICS.jpg" width="263" /></a></div>
<div>
<br /></div>
<h4>
The ancient games. </h4>
<div>
<span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">This graphic (above) by senior infographic artist and illustrator Adolfo Arranz shows one approach we often take. In this case the subject was better suited to a hand-illustrated style of drawing. This graphic shows some of the old events from the ancient Olympics, the venue Olympia and some of the history behind it. This sets the scene and was used as an opener for our coverage.</span></span></span><br />
<span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></span>
<span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></span>
<span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></span></div>
<div>
<span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-mOiS8M297RE/UETvqfc0oCI/AAAAAAAAALA/3y5wQKnfdOk/s1600/OLYMPICSPORTS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-mOiS8M297RE/UETvqfc0oCI/AAAAAAAAALA/3y5wQKnfdOk/s400/OLYMPICSPORTS.jpg" width="263" /></a></div>
<div>
<span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></span></div>
<h4>
Evolution of sports</h4>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">This back page, by myself, shows the history of all sports, number of events in each sport and how they have evolved over time. It also highlights the stranger, short-lived events and retired sports.</span></span><br />
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-O0vzJR9u--w/UETwb7cz3wI/AAAAAAAAALI/_Lqntm6OoeI/s1600/GOLDS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-O0vzJR9u--w/UETwb7cz3wI/AAAAAAAAALI/_Lqntm6OoeI/s400/GOLDS.jpg" width="263" /></a></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div>
<span class="Apple-style-span" style="font-weight: bold;"><br /></span>
<span class="Apple-style-span" style="font-weight: bold;"><br /></span>
<span class="Apple-style-span" style="font-weight: bold;">Gold medals</span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">And another example by myself shows overall gold medals and which countries dominate each sport and by how much.</span></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Throughout the Games there were also a number of breaking stories and features which required graphics on a daily basis.</span></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
<div>
<span class="Apple-style-span" style="color: #2a2a2a;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></span></div>
Anonymoushttp://www.blogger.com/profile/16851506032047084980noreply@blogger.com0