Skip to content

Commit

Permalink
Merge pull request #71 from code4policy/national-press-review
Browse files Browse the repository at this point in the history
National press review
  • Loading branch information
sly-yush authored Jan 15, 2024
2 parents 5cef92b + 87b07e4 commit c56238b
Show file tree
Hide file tree
Showing 6 changed files with 77 additions and 786 deletions.
Binary file modified .DS_Store
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
117 changes: 66 additions & 51 deletions national_press.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,93 +21,108 @@
<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>

<!-- national press section -->
<div class="national-press">
<br>

<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, may have much more bredth in stories and pursued narratives. Oftentimes, individuals 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 extreme left to 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 (note: the stories analyzed were not necessarily most tweeted by either group of individuals, we simply categorize the news sources by frequency of tweeting by each group).</p>
<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>
<br>

<!-- key takeaways -->
<h3 class="centered" style="color:black">Key Takeaways</h3>

<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" on every day in 2023. The graph represents all published stories from these two groups of media outlets referencing "Ukraine" and then plots them against eachother depicting which set of outlets had a higher share of content referencing "Ukraine" in comparison to the other set of outlets.</p>
<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><br>

<h3 class="centered" style="color:black">Key Takeaways</h3>
<div class="boxed centered">
<h3>How to Interpret These Charts</h3>

<br>
<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>

<li class="centered" style="line-height: 2">In 2023, both sets of media sources published roughly the same proportional amount of content referencing "Ukraine" with media sources most often tweeted by Republican voters publishing approximately 6% more than media sources most often tweeted by Democrat voters.</li>
<br>
<li class="centered" style="line-height: 2">In 2023, media sources 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 Democrat voters. </li>
<br><br>

<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>

<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 each other.</li>
<li>The 50% line down the middle indicates an even split between the two groups. Therefore, if red is above the line, it indicates 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 indicate 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>
<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>

<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">
<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">

<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">
<a href="comparison_media_sources.csv" download="comparison_media_sources.csv">
<button class="dlbutton">Download Underlying Data</button>
</a>
</div>
</div>

</div>

<br><br>

<div class="boxed">
<h3>How to interpret the Word Clouds below</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 the data collected over the year 2023 for the two major US-based TV networks: FoxNews and CNN</li>
<li>The frequency of use is depicted by the size: the bigger a particular term in the cloud - the more frequently it was used in conjunction with the term "Ukraine"</li>
<li>Similarly, the smaller a particular term in the cloud - the less frequently it was used in conjunction with the term "Ukraine"</li>

</div>
<!-- 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" style="line-height: 2">In 2023, both FoxNews and CNN used the terms "Biden" and "Russia" with similar frequency.</li>

<li class="centered">In 2023, both FOX News and CNN used the terms "Biden" and "Russia" with similar frequency.</li>

<br>
<li class="centered" style="line-height: 2">FoxNews 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. This news source also covered Russia's nuclear threats a lot more extensively than CNN.</li>

<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" style="line-height: 2">Unlike FoxNews, CNN didn't 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>

<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">FoxNews and CNN discuss Ukraine in very different ways</h2>
<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">FoxNews</h3>
<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">
Expand All @@ -116,7 +131,7 @@ <h3 class="wordcloud-title">CNN</h3>
</div>
</div>

<h5 class="wordcloud-title">Source: mediacloud.org</h5>
<h5 class="wordcloud-footnote">Source: Media Cloud</h5>


<div style="display: flex; gap: 20px; justify-content: center; margin-top: 20px;">
Expand Down
Loading

0 comments on commit c56238b

Please sign in to comment.