-
Notifications
You must be signed in to change notification settings - Fork 1
/
national_press.html
154 lines (110 loc) · 10.3 KB
/
national_press.html
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<title>National Press</title>
<link href="styles.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<script src="main.js" defer></script>
<link rel="icon" type="image/png" href="../Ukraine-flag-icon-on-transparent-background-PNG.png">
</head>
<!-- navigation buttons -->
<body>
<div class="nav">
<a href="index.html", class="button-link-inactive">Home</a>
<a href="tv_media.html", class="button-link-inactive">Television Media</a>
<a href="national_press.html", class="button-link-active">National Press</a>
<a href="regional_media.html", class="button-link-inactive">Regional Media</a>
<a href="our-team/index.html", class="button-link-inactive">Our Team</a>
<h1>American National Press</h1>
</div>
<!-- introduction to section -->
<div class="national-press">
<p class="centered">The American national press represents a much more fragmented array of sources than television network news, and therefore, when considered as an entire medium, it may have much more breadth in stories and pursued narratives. Individuals oftentimes with strong identities in their political party will consume media that confirms rather than challenges the narratives embraced by their political party. As a result, the American press features a broad spectrum of political bias from the extreme left to the extreme right. To understand the media diet of individuals belonging to differing political parties, we examine two sets of content, one pulled from news sources that are most often tweeted by registered Democrats and one pulled from news sources that are most often tweeted by registered Republicans.</p>
<br>
<p class="centered">The graphs below analyze stories published by two different sets of media outlets, media sources whose stories are most tweeted by registred Democrats (blue) and media sources whose stories are most tweeted by registered Republicans (red). We took all stories published by these two groups and cataloged how many stories per day included references of "Ukraine" (top graph) and how many stories per day included references of "Ukraine" with close mentions of "corrupt" or "corruption." Taking this subset of stories referencing "Ukraine," we then analyze which of the two groups contained a higher share of content referencing "Ukraine" every day in 2023. The graph represents all published stories from these two groups of media outlets referencing "Ukraine" and then plots them against each other depicting which set of outlets had a higher share of content referencing "Ukraine" in comparison to the other set of outlets.</p>
<br>
<!-- key takeaways -->
<h3 class="centered" style="color:black">Key Takeaways</h3>
<br>
<li class="centered">Throughout 2023, both sets of media sources published roughly the same proportional amount of content referencing "Ukraine."</li>
<br>
<li class="centered">However, media sources in 2023 most often tweeted by Republican voters published approximately 11% more content about Ukraine including close mentions of "corrupt" or "corruption" than media sources most often tweeted by Democratic voters.</li>
<br><br>
<div class="boxed centered">
<h3>How to Interpret These Charts</h3>
<li>The top chart measures frequency of usage of "Ukraine." The bottom chart measures frequency of usage of "corrupt" or "corruption" in stories that use "Ukraine."</li>
<li>The chart plots the share of stories referencing "Ukraine" from each group against the other.</li>
<li>The horizontal 50% line indicates an even split between the two groups. Therefore, if red is above the line, it means that group has a higher share of stories regarding Ukraine on that day compared to blue.</li>
<li>If the graph were to be split with half red and half blue, it would demonstrate that each group published the same relative share of stories regarding Ukraine on that day.</li>
<li>The graph does not measure absolute values, only relative ones. Therefore, if both groups published 3% of their stories about Ukraine on a given day, this would read as a 50/50 split. If both groups published 10% of their stories about Ukraine on a given day, this would also read as a 50/50 split.</li>
</div>
<br><br>
<div class="iframe-double-container centered">
<iframe title="PERCENT OF COVERAGE DEDICATED TO UKRAINE BY MEDIA SOURCE" aria-label="Interactive area chart" id="datawrapper-chart-Lri3F" src="https://datawrapper.dwcdn.net/Lri3F/1/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="363" data-external="1"></iframe>
<script type="text/javascript">!function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"]){var e=document.querySelectorAll("iframe");for(var t in a.data["datawrapper-height"])for(var r=0;r<e.length;r++)if(e[r].contentWindow===a.source){var i=a.data["datawrapper-height"][t]+"px";e[r].style.height=i}}}))}();
</script>
<iframe title="PERCENTAGE OF COVERAGE FEATURING UKRAINE WITH MENTIONS OF CORRUPTION" aria-label="Interactive area chart" id="datawrapper-chart-MdeXf" src="https://datawrapper.dwcdn.net/MdeXf/1/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="356" data-external="1"></iframe>
<script type="text/javascript">!function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"]){var e=document.querySelectorAll("iframe");for(var t in a.data["datawrapper-height"])for(var r=0;r<e.length;r++)if(e[r].contentWindow===a.source){var i=a.data["datawrapper-height"][t]+"px";e[r].style.height=i}}}))}();
</script>
<div class="centered">
<a href="percent_of_coverage_dedicated_to_ukraine_by_media_source_2023_base.png" download="percent_of_coverage_dedicated_to_ukraine_by_media_source_2023_base">
<button class="dlbutton">Download Top Chart</button>
</a>
<a href="comparison_percent_of_coverage_dedicated_to_ukraine_by_media_source_2023_base.png" download="comparison_percent_of_coverage_dedicated_to_ukraine_by_media_source_2023_base">
<button class="dlbutton">Download Bottom Chart</button>
</a>
<a href="comparison_media_sources.csv" download="comparison_media_sources.csv">
<button class="dlbutton">Download Underlying Data</button>
</a>
</div>
</div>
<br><br>
<!-- instructions on how to use word clouds -->
<div class="boxed centered">
<h3>How to Interpret the Word Clouds</h3>
<li>The word clouds below visualize the frequency of use for each word mentioned within a three-minute timeframe of the term "Ukraine" being mentioned.</li>
<li>The visualization is based on data collected over the year 2023 for the two major US-based TV networks: Fox News and CNN.</li>
<li>The frequency of use is depicted by the size: the bigger a particular term is in the cloud then the more frequently it was used in conjunction with the term "Ukraine."</li>
<li>Similarly, the smaller a particular term is in the cloud then the less frequently it was used in conjunction with the term "Ukraine."</li>
</div>
<br><br>
<h3 class="centered" style="color:black">Key Takeaways</h3>
<br>
<li class="centered">In 2023, both FOX News and CNN used the terms "Biden" and "Russia" with similar frequency.</li>
<br>
<li class="centered">After October 7, 2023, Fox News frequently covered Ukraine in conjunction with Israel. It often brough border protection issues into the discussion surrounding Ukraine, as well as Hunter Biden, military, and security. It also covered Russia's nuclear threats a lot more extensively than CNN.</li>
<br>
<li class="centered">Unlike Fox News, CNN did not shy away from the term "war" and mentioned Putin a lot more frequently. It tended to cover Ukraine in conjunction with Israel less often, focusing more on Wagner group and China.</li>
<br>
<!-- word clouds -->
<div class="centered">
<h2 class="wordcloud-title">Fox News and CNN discuss Ukraine in very different ways</h2>
<div id="wordcloud-container" class="centered">
<div class="wordcloud-card">
<h3 class="wordcloud-title">Fox News</h3>
<img class="wordcloud-image" src="fox_1year.png" alt="Fox 1-Year Wordcloud">
</div>
<div class="wordcloud-card">
<h3 class="wordcloud-title">CNN</h3>
<img class="wordcloud-image" src="cnn_1year.png" alt="CNN 1-Year Wordcloud">
</div>
</div>
<h5 class="wordcloud-footnote">Source: Media Cloud</h5>
<div style="display: flex; gap: 20px; justify-content: center; margin-top: 20px;">
<a href="fox_1year.png" download="fox_1year">
<button class="dlbutton">Download Fox Image</button>
</a>
<a href="cnn_1year.png" download="cnn_1year">
<button class="dlbutton">Download CNN Image</button>
</a>
<a href="Ukraine-term-association-fox-cnn-2023.csv" download="Ukraine-term-association-fox-cnn-2023.csv">
<button class="dlbutton">Download Underlying Data</button>
</a>
</div>
</div>
</div>
<hr>
</body>
</html>