Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·111 lines (104 loc) · 5.72 KB
/
Copy pathindex.html
File metadata and controls
executable file
·111 lines (104 loc) · 5.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
<head>
<title>Tweet Bigly</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script>
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
</script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-queue.v3.min.js"></script>
<!--<script src="js/queue.js"></script>-->
<script src="js/scroller.js"></script>
<script src="js/network.js" type="text/javascript"></script>
</head>
<body>
<script src="js/sections.js"></script>
<div class="container">
<div id='graphic'>
<div id='sections'>
<section class="step">
<div class="title">Tweet to President</div>
<i>The New York Times</i> recently published an <a href="https://www.nytimes.com/interactive/2016/01/28/upshot/donald-trump-twitter-insults.html" target="_blank">article</a> chronicling Trump’s oft-used mode of communication, Twitter.
<br></br>
Beginning at the escalator descent of 2015—the memorable unveiling of his intention to court presidential candidacy—we dissect Trump's Twitter insults targeting Muslims, Mexicans, women, the LGBT community, Hillary Clinton and more.
<br></br>
<img src="./img/noun_118616_cc.png" alt="scroll down" style="width:50px; align-items: center; justify-content: center;" id="scroll_img">
</section>
<section class="step">
<div class="title">Presidential Power</div>
A president’s words can ripple across the globe, which lends artful political discourse a reason to employ a carefully crafted practice. Each phrase can be weighed to seek understanding, intent, and meaning.
<br></br>
In this matrix of nodes, each dot depicts a single insult from Trump’s personal Twitter account, @realDonaldTrump.
<br></br>
<img src="./img/noun_118616_cc.png" alt="scroll down" style="width:50px; align-items: center; justify-content: center;" id="scroll_img">
</section>
<section class="step">
<div class="title">Thousands of Insults</div>
Since June 2015, Trump has logged over 2,200 insults on Twitter.
<br></br>
<img src="./img/noun_118616_cc.png" alt="scroll down" style="width:50px; align-items: center; justify-content: center;" id="scroll_img">
</section>
<section class="step">
<div class="title">Individual Targets</div>
Over 300 people, places and things were victims of Trump’s Twitter taunts, scoffs and snubs. His new title as the President of the United States has failed to stem the tide of insult-containing Tweets from Trump’s personal account. At last count he had 24.8 million followers.
<br></br>
<img src="./img/noun_118616_cc.png" alt="scroll down" style="width:50px; align-items: center; justify-content: center;" id="scroll_img">
</section>
<section class="step">
<div class="title">Categorical Thinking</div>
The lion's share of Trump's insults were directed toward U.S. politicians, with myriad news organizations and reporters coming in at a close second.
<br></br>
<img src="./img/noun_118616_cc.png" alt="scroll down" style="width:50px; align-items: center; justify-content: center;" id="scroll_img">
</section>
<section class="step">
<div class="title">Insults counts</div>
Hillary Clinton received the brunt of Trump’s Twitter insults, receiving 430 attacks—20 percent of total insults examined in this data set. Prior to becoming the Republican nominee, Trump frequently lashed out at his party opponents, quickly stamping each politician with a moniker such as “Lyin’ Ted,” “Little Marco,” and “Low Energy Jeb”—nicknames that Trump propagated on Twitter and throughout his campaign.
<br></br>
Mainstream media outlets—particularly The New York Times and CNN—were also targets. Trump often called such organizations “dishonest,” “bias,” and in The New York Time’s case, “failing.” Subscribers to the publication are over 3 million—a record-high readership.
<br></br>
Trump even devoted four Tweets (which contained 12 insults) to bashing Saturday Night Live’s response to the presidency.
<br></br>
<img src="./img/noun_118616_cc.png" alt="scroll down" style="width:50px; align-items: center; justify-content: center;" id="scroll_img">
</section>
<section class="step">
<div class="title">Individuals per Insult Count</div>
Jenna to add text.
<br></br>
<img src="./img/noun_118616_cc.png" alt="scroll down" style="width:50px; align-items: center; justify-content: center;" id="scroll_img">
</section>
<section class="step">
<div class="title">Multiple Insults per Tweet</div>
Jenna to add text.
<br></br>
<img src="./img/noun_118616_cc.png" alt="scroll down" style="width:50px; align-items: center; justify-content: center;" id="scroll_img">
</section>
<section class="step">
<div class="title">Good Lord</div>
Don't just sit there; DO SOMETHING!
</section>
</div>
<div id='vis'>
</div>
<div id="extra-space">
</div>
</div>
</div>
<!--<script src="js/d3.js"></script>-->
<!--<script src="https://d3js.org/d3.v3.min.js"></script>-->
</body>
</html>