Word Map - Aus Election

<!DOCTYPE html>
<head>
  <title>At the 2016 Australian Election Campaign, the Words They Used</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="stylesheet" href="index.css">
</head>

<div style="width: 972px; margin: 0 auto; text-align: left;">
<div id="main" style="border: 1px solid #999; padding: 0; width: 970px;">
<div id="interactiveShell">
<div class="columnGroup firstColumnGroup">
<div class="ledeStory">
<div class="module insetHFullWidth">
<div class="storyHeader">
<h6 class="dateline">
<h1>At the 2016 Australian Election Campaign, the Words They Used</h1>
</div>
<div class="storySummary">
<span class="summary">A comparison of how often speakers at the two the party leaders' conventions used different words and phrases, based on an analysis of transcripts from their campaign</span>
</div>
</div>
<div id="interactiveFreeFormMain">
<meta name="viewport" content="width=990">

<form id="g-form">
<input type="text" name="search" placeholder="Add word or phrase" tabindex="1"><button>+</button>
</form>
<div id="g-chart">
<div class="g-legend" style="position:absolute;width:970px;">
<div class="g-democrat g-arrow">Words favored<br>by The Labor Party</div>
<div class="g-republican g-arrow">Words favored<br>by The Liberal Party</div>
<div class="g-overview">Number of mentions per 15,000 spoken words<br>by <span class="g-swatch g-democrat"></span>The Labor Party and <span class="g-swatch g-republican"></span>The Liberal Party</div>
</div>
<div class="g-notes">
<div class="g-note" style="left:20px;">
<b>Equality of Marriage</b>
Labor Party has been forerunning in regards to the support of gay marriage
</div>
<div class="g-note" style="left:252px;">
<b>Women</b>
The Labor Party used the word much more frequently, primarily in reference to women's health and equal pay.
</div>
<div class="g-note" style="left:505px;">
<b>Business</b>
The Liberal Party were more likely to talk about businesses, emphasizing Mr. Turnbull's private-sector experience and plans to improve the economy.
</div>
<div class="g-note" style="left:737px;">
<b>Negative Relations</b>
Greens were continuously mentioned by Turnbull, likely as an attack. While Shortern on the otherhand largely ignored the topic.
</div>
</div>
<div class="g-labels"></div>
<svg class="g-nodes" width="970" height="540">
<path class="g-note-arrow" id="g-arrow-gaymarriage" d="M58,425v-160"></path>
<path class="g-note-arrow" id="g-arrow-women" d="M308,425v-100"></path>
<path class="g-note-arrow" id="g-arrow-business" d="M630,425v-45l60,-60"></path>
<path class="g-note-arrow" id="g-arrow-greens" d="M885,425v-180"></path>
</svg>
</div>
<p><div class="g-body">
<div class="g-mentions g-democrat">
<h3 class="g-head g-hasnt-topic">
<span class="g-isnt-topic"><br>Excerpts from The Labor Party</span>
<span class="g-is-topic"><span style="padding-left: 0.76em;">The Labor Party</span> mentioned <a>&hellip;</a><br><span class="g-count"></span> times per 15,000 words</span>
</h3>
<div class="g-divider"></div>
<div class="g-truncated">Due to a large number of mentions, only a sampling of excerpts are shown.</div>
</div>
<div class="g-mentions g-republican">
<h3 class="g-head g-hasnt-topic">
<span class="g-isnt-topic"><br>Excerpts from The Liberal Party</span>
<span class="g-is-topic">The Liberal Party mentioned <a>&hellip;</a><br><span class="g-count"></span> times per 15,000 words</span>
</h3>
<div class="g-divider"></div>
<div class="g-truncated">Due to a large number of mentions, only a sampling of excerpts are shown.</div>
</div>
<br clear="all"><br>
</div>
<script src="d3.v2.min.js"></script>
<script src="index.js"></script>

    </div>
<div class="insetHFullWidth">
<div id="interactiveFooter" class="opposingFloatControl wrap">
<div class="metaData element1">
<div class="module">
<span class="byline">By Will and Kelvin Chen, inspired by Mike Bostok</span>
</div>

<div class="module">
<p class="credit">Source: Federal News Service</p>
</div>
</div>
<div class="element2">
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</body>
</html>