<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;background-color:#FFFFFF;font-family:Calibri,Arial,Helvetica,sans-serif;">
<p>Hi everyone, </p>
<p><br>
</p>
<p>At the link below there is a nice little bar chart infograph about Olympics cost and % over-runs. </p>
<p><br>
</p>
<p>But rather than side by side bar charts, there are radio buttons to swap from one chart to the other.</p>
<p> </p>
<p>The link came from the Infogram newsletter, and so I assume this type of infographic can be done in Infogram somehow. </p>
<p><br>
</p>
<p><a href="https://blog.infogr.am/infogram-insights-the-high-cost-of-hosting-the-olympics/" class="OWAAutoLink" id="LPlnk722422">https://blog.infogr.am/infogram-insights-the-high-cost-of-hosting-the-olympics/</a></p>
<div id="LPBorder_GT_14721619839860.3597634873809459" style="margin-bottom: 20px; overflow: auto; width: 100%; text-indent: 0px;">
<table id="LPContainer_14721619839730.524872063797623" cellspacing="0" style="width: 90%; position: relative; overflow: auto; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; border-top: 1px dotted rgb(200, 200, 200); border-bottom: 1px dotted rgb(200, 200, 200); background-color: rgb(255, 255, 255);">
<tbody>
<tr valign="top" style="border-spacing: 0px;">
<td id="ImageCell_14721619839760.6657766235442681" colspan="1" style="width: 250px; position: relative; display: table-cell; padding-right: 20px;">
<div id="LPImageContainer_14721619839770.6649987415750405" style="height: 140px; position: relative; margin: auto; display: table; width: 250px; background-color: rgb(255, 255, 255);">
<a id="LPImageAnchor_14721619839780.2893439906004647" href="https://blog.infogr.am/infogram-insights-the-high-cost-of-hosting-the-olympics/" target="_blank" style="display: table-cell; text-align: center;"><img aria-label="Preview image with link selected. Double-tap to open the link." id="LPThumbnailImageID_14721619839780.2318617663125746" style="display: inline-block; max-width: 250px; max-height: 250px; height: 140px; width: 250px; border-width: 0px; vertical-align: bottom;" width="250" height="140" src="https://about.infogr.am/wp-content/uploads/2016/08/Infogram-Insights-Aug-22.png"></a></div>
</td>
<td id="TextCell_14721619839790.3446178906348034" colspan="2" style="vertical-align: top; position: relative; padding: 0px; display: table-cell;">
<div id="LPRemovePreviewContainer_14721619839800.6461905866216158"></div>
<div id="LPTitle_14721619839800.9902505925295315" style="top: 0px; color: rgb(0, 120, 215); font-weight: normal; font-size: 21px; font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif; line-height: 21px;">
<a id="LPUrlAnchor_14721619839810.7329132042581583" href="https://blog.infogr.am/infogram-insights-the-high-cost-of-hosting-the-olympics/" target="_blank" style="text-decoration: none;">Infogram Insights: The High Cost of Hosting the Olympics | Infogr.am</a></div>
<div id="LPMetadata_14721619839820.7132444405885263" style="margin: 10px 0px 16px; color: rgb(102, 102, 102); font-weight: normal; font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif; font-size: 14px; line-height: 14px;">
blog.infogr.am</div>
<div id="LPDescription_14721619839840.9886306535636176" style="display: block; color: rgb(102, 102, 102); font-weight: normal; font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif; font-size: 14px; line-height: 20px; max-height: 100px; overflow: hidden;">
Infogram Insights: A study from Oxford University found that the Rio 2016 games will cost $4.6 billion, or an overrun of 51 percent.</div>
</td>
</tr>
</tbody>
</table>
</div>
<br>
<br>
<p></p>
<p><br>
</p>
<p>Enjoy, </p>
<p>Paul Pascoe</p>
<p>St Francis Xavier College</p>
</div>
</body>
</html>