Skip to content

Commit

Permalink
Create index-simple.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@reliablerascal
reliablerascal committed Oct 16, 2023
1 parent 0a00739 commit 9fd218c
Showing 1 changed file with 121 additions and 0 deletions.
121 changes: 121 additions & 0 deletions index-simple.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!doctype html>
<html>
<head>
<title>Who's Still Riding CTA Trains?</title>
<link rel="stylesheet" href="../style/v2-bootstrap.css">

<!--- Facebook thumbnail photo-->
<meta property="og:title" content="Who's Still Riding the CTA">
<meta property="og:description" content="Some train stations bounced back from COVID more than others">
<meta property="og:image" content="https://reliablerascal.github.io/images/header-cta-930-620.jpg">
<meta property="og:url" content="https://reliablerascal.github.io/cta_ridership/">


</head>

<body>
<div>
<section>
<body id="main" class="body-with-bkg" class="container">



<div class="container" style="justify-content: center;">
<!---************************-->
<!--- -->
<!--- TITLE -->
<!--- -->
<!---************************-->

<div>
<video controlslist="nodownload" autoplay="" playsinline="" loop="" preload="" muted="true" style="background-color: black;" poster="./images/pink-damen-western-930-620.jpg"> <source id="looping-video" src="./images/pink-damen-western-720.mp4" type="video/mp4"> </video>
</div>

<section id = "title">
<div id="mobileHeadline" class="col text-center">
<h5>by Rob Reid</h5>
<h5>25 June 2023<br>
(design revisions 16 October 2023)
<br><em>See <a href="https://github.com/reliablerascal/cta_ridership">GitHub repository</a> for methodology</em></h5>
</div>
</section>

<!---************************-->
<!--- -->
<!--- CONTENT -->
<!--- -->
<!---************************-->
<section id = "portfolio">
<div id=”content-row” class=”row”>

<p>Ridership on Chicago's CTA trains dropped sharply following the arrival of the COVID-19 pandemic and a subsequent <a href="https://www.illinois.gov/news/press-release.21288.html#:~:text=The%20order%20takes%20effect%205,of%20more%20than%2010%20people">stay-at-home order issued by the State of Illinois in March 2020</a>. As reported by the CTA, Chicago retained less than a third of its previous year ridership in 2020, a trend <a href="https://www.transitchicago.com/assets/1/6/Ridership_Report_-_2020_Annual_Report.pdf">comparable to other cities including New York, Boston and Philadelphia.</a>

<p>Following the introduction of vaccines in 2021 and <a href="https://www.transitchicago.com/assets/1/6/2022_Annual_Report_-_FINAL.pdf">lifting of a statewide mask mandate</a>, ridership recovered to nearly half its pre-pandemic levels by 2022. But that recovery has been uneven.

<p>Data acquired from the CTA show that Suburban Oak Park blue line and some downtown loop stations saw little more than a third of pre-pandemic ridership by 2022. In contrast, the five stations sustaining the most ridership are all on the Pink Line-- a train which serves <a href="https://www.wbez.org/stories/where-we-are-mapping-chicagos-racial-divisions/5912e6be-6a04-4df4-bdcc-ce48c8014706">predominantly black and Hispanic working-class neighborhoods</a>.
<br><br>

<!-- <iframe title="CTA Ridership: Top Five Stations" aria-label="Bar Chart" id="datawrapper-chart-YpsZc" src="https://datawrapper.dwcdn.net/YpsZc/6/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="375" 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="CTA Ridership: Bottom Five Stations" aria-label="Bar Chart" id="datawrapper-chart-dhK78" src="https://datawrapper.dwcdn.net/dhK78/5/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="367" 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> -->


</a>


<p>A report by the Urban Institute in late 2021 tracked similar patterns in San Francisco, New York, and DC, noting that stations in communities with more non-white residents, lower median incomes, and more working-class jobs <a href="https://www.urban.org/urban-wire/transit-ridership-dropped-heavy-rail-stations-during-covid-19-pandemic-ridership-change-depended-neighborhood-characteristics">retained more riders</a>. Chicago's Pink Line cuts through Lower West Side, South Lawndale, and North Lawndale, which <a href="https://www.wbez.org/stories/where-we-are-mapping-chicagos-racial-divisions/5912e6be-6a04-4df4-bdcc-ce48c8014706">match these characteristics</a>.


<!-- <div class="flourish-embed flourish-map" data-src="visualisation/14203234" ><script src="https://public.flourish.studio/resources/embed.js"></script></div>
-->


<h3>new version of map, October 2023 (work in progress)</h3>
<br><br>
<iframe width='800px' height='800px' src="https://api.mapbox.com/styles/v1/robcat26/clnkd7lwl000501qm67e43ngn.html?title=false&access_token=pk.eyJ1Ijoicm9iY2F0MjYiLCJhIjoiY2xuMzdpbmU1MDdtMzJybXA3cXM3ZnE0ciJ9.wKSsduoCg0HY42Qaq61sCw&zoomwheel=false#10.1/41.8974/-87.7306" title="CTA" style="border:none;"></iframe>

<p>Data analysis by Rob Reid. For a technical background on this project, see my <a href="https://github.com/reliablerascal/cta_ridership">GitHub repository</a><br>
Minor updates to style made on 6/30/23 and beyond

</div>
</section>

<script>
var headline = document.createElement('h1');
var subtitle = document.createElement('h3');
headline.style.color='white';
headline.innerHTML = 'Who\'s Still Riding the CTA?';
subtitle.style.color='white';
subtitle.innerHTML = 'Some train stations bounced back from COVID more than others';

if (window.innerWidth > 768) {
//for large screens, position the headline on top of the video
headline.style.position = 'absolute';
headline.style.padding = '10px';
headline.style.left = '200px';
headline.style.top = '300px';
document.body.appendChild(subtitle);

subtitle.style.position = 'absolute';
subtitle.style.padding = '10px';
subtitle.style.left = '200px';
subtitle.style.top = '400px';
document.body.appendChild(headline);

} else {
//for smaller screens, position the headline under the video
var divHeadline = document.getElementById("mobileHeadline");
divHeadline.appendChild(headline);
divHeadline.appendChild(subtitle);
}
</script>





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

0 comments on commit 9fd218c

Please sign in to comment.