Word Map - National Conventions Word Usage

<!DOCTYPE html>
<head>
  <title>At the National Conventions, 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 National Conventions, the Words They Used</h1>
</div>
<div class="storySummary">
<span class="summary">A comparison of how often speakers at the two presidential nominating conventions used different words and phrases, based on an analysis of transcripts from the Federal News Service.</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 Democrats</div>
<div class="g-republican g-arrow">Words favored<br>by Republicans</div>
<div class="g-overview">Number of mentions per 25,000 spoken words<br>by <span class="g-swatch g-democrat"></span>Democrats and <span class="g-swatch g-republican"></span>Republicans</div>
</div>
<div class="g-notes">
<div class="g-note" style="left:20px;">
<b>Auto</b>
Democrats credited President Obama with the recovery of the auto industry after the 2009 bailout, while Republicans left the topic unmentioned.
</div>
<div class="g-note" style="left:252px;">
<b>Women</b>
Democrats 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>
Republicans were more likely to talk about businesses, emphasizing Mr. Romney's private-sector experience and plans to improve the economy.
</div>
<div class="g-note" style="left:737px;">
<b>Unemployment</b>
Many Republican speakers brought up the still-high unemployment rate and the number of Americans who remain jobless, while Democrats largely avoided 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-auto" 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-unemployment" 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 Democrats</span>
<span class="g-is-topic"><span style="padding-left: 0.76em;">Democrats</span> mentioned <a>&hellip;</a><br><span class="g-count"></span> times per 25,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 Republicans</span>
<span class="g-is-topic">Republicans mentioned <a>&hellip;</a><br><span class="g-count"></span> times per 25,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 MIKE BOSTOCK, SHAN CARTER and MATTHEW ERICSON</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>