index.html
<!DOCTYPE html>
<html>
<head>
<title>
Muni Average Daily Boardings B&W Scatterplot</title>
<style>
/* hides those pesky scrollbars */
body {
margin: 0;
overflow: hidden;
}
.tick text {
font-size: 9px;
}
</style>
<script src="https://unpkg.com/d3@6.7.0/dist/d3.min.js"></script>
</head>
<body>
<script>
// const csv = d3.csv;
const {
csv,
select,
scaleLinear,
scaleTime,
extent,
axisLeft,
axisBottom,
} = d3; // this uses ES6 destructuring, it's the same as the line above
const csvUrl = [
'https://gist.githubusercontent.com/',
'andre6639/', // User
'25d065f85af3e2f4f037bb77a227199a/', // Id of the GIST
'raw/850a5716f4d828305ba0ab66cdad50ebb7ae0fbb/', // commit
'Muni_Average_Daily_Boardings.csv', // File Name
An quick look at MUNI's average daily boardings from 2019-2020 in an effort to observe the drastic reduction in ridership due to COVID19: MUNI Ridership.
MIT Licensed