GitHub.com
tcp/443 tcp/80
Open service 2606:50c0:8003::153:443 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: AC08:CF564:4DE522:4F688E:69659AAE
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230080-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.962032,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: bb97137cc05c4431c56fb54e692cae7d8624aa54
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.108.153:80 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 7250:1657E8:7EBD85:89F00C:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-yyz4541-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.942933,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 3b107b23db1046583b733855345d7f6b14aaee67
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.111.153:80 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 7250:1657E8:7EBD85:89F00C:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-yyz4578-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.943730,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: f4e78ca8ffd31ef7cec1d1fea1b9d4c9bf4aed40
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.110.153:443 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: HIT
X-GitHub-Request-Id: 4182:DDA4A:83FDFE:8F2BAC:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:02 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-yyz4528-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.445995,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: a61a46bd334134bf70eeb5f8d527e9675123ce6a
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.110.153:80 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 7250:1657E8:7EBD85:89F00C:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-yyz4520-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.942636,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: 15119a7e3c5d5d278712483e2bfde7efe151f09f
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.109.153:80 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 7250:1657E8:7EBD85:89F00C:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-yyz4576-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.941593,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: 5bc378b2ac06d627a41b8f493407d0bbf08f5d50
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.109.153:443 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: HIT
X-GitHub-Request-Id: 4182:DDA4A:83FDFE:8F2BAC:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:02 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-yyz4536-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.447332,VS0,VE10
Vary: Accept-Encoding
X-Fastly-Request-ID: 8ef23771621a175c9652e394c56f13f53dc81b03
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8003::153:80 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: F50A:2E7F43:201B8B:20F355:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-lcy-egml8630060-LCY
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.990700,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 237ea7ccaf16e747312eaa3f1dc346e0b5a37335
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8001::153:80 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: F50A:2E7F43:201B8B:20F355:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-lcy-egml8630081-LCY
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.988724,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 1229ecca626817568ccd9664930a59c839e36f2f
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8002::153:80 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: HIT
X-GitHub-Request-Id: 98E8:8E7F:4CF429:4E7B7D:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-rtm-ehrd2290053-RTM
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.982665,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 5dc20546ad2ddfeb1c112ba07cd012cdecf8b1de
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8001::153:443 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:17:02 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 5FAA:393E08:1FF84D:20CFFB:69659AB5
Accept-Ranges: bytes
Age: 0
Date: Tue, 13 Jan 2026 01:07:02 GMT
Via: 1.1 varnish
X-Served-By: cache-lon420125-LON
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1768266422.976003,VS0,VE100
Vary: Accept-Encoding
X-Fastly-Request-ID: 7e56c55e81df7f7a6eb7535a1adc73699e796f9b
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8002::153:443 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: F3F4:13EC19:4E13CA:4F974D:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-rtm-ehrd2290035-RTM
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.993060,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 5c1a034e640565089e91a32d168b341987822da4
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8000::153:443 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 4895:E4800:4DF03D:4F768A:69659AB3
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:02 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-vie6332-VIE
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.012966,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: b9ffbf93bc8846dd547de56b44c26673e303ca55
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8000::153:80 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:17:02 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: FE3F:2F88FF:544004:55DE61:69659AB5
Accept-Ranges: bytes
Age: 0
Date: Tue, 13 Jan 2026 01:07:02 GMT
Via: 1.1 varnish
X-Served-By: cache-vie6329-VIE
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1768266422.016456,VS0,VE107
Vary: Accept-Encoding
X-Fastly-Request-ID: 9a9db536a2a009457c0e679fd2fa0b5c0fbc8426
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.111.153:443 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: AC08:CF564:4DE522:4F688E:69659AAE
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:02 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230042-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.012008,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 6a12118020b8d80343cb17b355f3be34f72de90c
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.108.153:443 · bartviz.com
2026-01-13 01:06
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Tue, 13 Jan 2026 01:16:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: AC08:CF564:4DE522:4F688E:69659AAE
Accept-Ranges: bytes
Date: Tue, 13 Jan 2026 01:07:01 GMT
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230061-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1768266422.962298,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 6ecca236526cb4df829cf3f2bef46eb0eedc6481
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.108.153:80 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 7C58:1769AE:4D1C58C:4F127C0:695AC5A7
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-sin-wsss1830049-SIN
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556520.560292,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 579e8bb072c28a3dca8782fe2c88a10a0b7198cb
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.110.153:80 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: C47E:3A4E:4B90D84:510C241:695AC5A7
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lga21938-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.217811,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 1dc16e8b711c8db1d15d771edbfa893b4f42c93b
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.110.153:443 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: HIT
X-GitHub-Request-Id: 1ECD:2A7A0C:69A63E6:6BA25E1:695AC5A7
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lcy-egml8630091-LCY
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.272836,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 0f71a1d76f24ad458f09e7b23a729ddba53b93bc
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8001::153:443 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: HIT
X-GitHub-Request-Id: 49E0:3082FC:6986A66:6B82BA6:695AC5A6
Accept-Ranges: bytes
Age: 0
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
X-Served-By: cache-lon420146-LON
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1767556519.270897,VS0,VE85
Vary: Accept-Encoding
X-Fastly-Request-ID: da9a867002bc6824e8e88dcceac351ce3a60af89
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8000::153:80 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: FBBC:22455C:69636FB:6B5F8E9:695AC5A6
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lon420141-LON
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.263421,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 42da502af4ed42beaf85cc0d5b0c1d1f516fadaf
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8002::153:80 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: F748:8FD0D:F694A7C:F9F7374:695AC5A5
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-vie6375-VIE
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.279290,VS0,VE98
Vary: Accept-Encoding
X-Fastly-Request-ID: 920cd41d3c849ce264b33a5e72abe56b094e728e
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.109.153:80 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: FBBC:22455C:69636FB:6B5F8E9:695AC5A6
Accept-Ranges: bytes
Age: 0
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
X-Served-By: cache-lon420089-LON
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1767556519.157014,VS0,VE101
Vary: Accept-Encoding
X-Fastly-Request-ID: 916c867427af171df8622411862fbaeeab6120d5
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8003::153:443 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: F911:28E859:F1754FF:F4D711D:695AC5A6
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-fra-eddf8230124-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.207881,VS0,VE13
Vary: Accept-Encoding
X-Fastly-Request-ID: 9db2a7777c525e86e4ad6a50b6efc678bf445e37
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8002::153:443 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: E9EE:69A96:7E4983E:8231D26:695AC5A7
Accept-Ranges: bytes
Age: 0
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
X-Served-By: cache-sjc1000142-SJC
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1767556519.308825,VS0,VE91
Vary: Accept-Encoding
X-Fastly-Request-ID: e44d79b8269ebd5bfb1995708c3f6b9e29e3327b
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8000::153:443 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 19:20:59 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: CB98:2056B:F681404:F9D8377:695ABB42
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-rtm-ehrd2290045-RTM
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.252900,VS0,VE7
Vary: Accept-Encoding
X-Fastly-Request-ID: 737bf44e9fc879b24c2bf83e4a615516351a23ec
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.108.153:443 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 625F:83D7F:F9A4F21:FCFE6B8:695AC5A7
Accept-Ranges: bytes
Age: 0
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
X-Served-By: cache-vie6334-VIE
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1767556519.246641,VS0,VE108
Vary: Accept-Encoding
X-Fastly-Request-ID: 9c17e54fc8a1564e7f914047c6c2a3e25c29e1a2
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.111.153:443 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: F911:28E859:F1754FF:F4D711D:695AC5A6
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-fra-eddf8230027-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.215137,VS0,VE3
Vary: Accept-Encoding
X-Fastly-Request-ID: 8caab741b959763339c62971b2f506d3607e48b7
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.109.153:443 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 65C5:776B8:4B676FA:4FEEFFB:695AC5A6
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-yyz4574-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.136154,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: b3788cb1497572863d98122b6c9982182f326e5a
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 185.199.111.153:80 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: F748:8FD0D:F694A7C:F9F7374:695AC5A5
Accept-Ranges: bytes
Age: 0
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
X-Served-By: cache-vie6378-VIE
X-Cache: MISS
X-Cache-Hits: 0
X-Timer: S1767556519.258325,VS0,VE118
Vary: Accept-Encoding
X-Fastly-Request-ID: b69239a8e94d56e83ac9c5db4fbaa45e41b50f28
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(
Open service 2606:50c0:8003::153:80 · bartviz.com
2026-01-04 19:55
HTTP/1.1 200 OK
Connection: close
Content-Length: 9939
Server: GitHub.com
Content-Type: text/html; charset=utf-8
x-origin-cache: HIT
Last-Modified: Fri, 30 May 2025 22:09:32 GMT
Access-Control-Allow-Origin: *
ETag: "683a2c9c-26d3"
expires: Sun, 04 Jan 2026 20:05:19 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 8710:2782C4:69A8F55:6BA51B0:695AC5A6
Accept-Ranges: bytes
Date: Sun, 04 Jan 2026 19:55:19 GMT
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lcy-egml8630053-LCY
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767556519.135162,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 4c76f13007d9e663b94d77f26a471f0839e6b358
Page title: BART Viz
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BART Viz</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script type="text/javascript" src="_data/stations.js"></script>
<script type="text/javascript" src="_data/edges.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="https://browsehappy.com/">Upgrade your browser today</a> or <a href="https://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header id="header">
<div class="container">
<div class="navbar">
<h1 class="brand">BART Viz</h1>
<ul>
<li class="active"><a href="index.html">Map</a></li>
<li><a href="insights.html">Insights</a></li>
<li><a href="process.html">Process</a></li>
</ul>
</div>
</div>
</header> <!-- /#header -->
<div class="container" role="main">
<div class="span-text-top">
<h2>How do BART riders flow through the Bay Area?</h2>
<p>BART enabled over 117 million trips in 2013, compared with 4.6 million at its inception in 1973. We’ve built a tool to let you see where riders are going (and where they’re not).
</p>
</div>
<div class="span11">
<!--<img src="img/map_resize.png" alt="placeholder" width="900" height="500">-->
</div>
<div class="span12">
<!--<img src="img/series_resize.png" alt="placeholder" width="900" height="300">-->
</div>
<footer >
<p class="footer-with-names">
<a href="http://todo stuff here">Robyn Perry</a>
<a href="http://shubhamgoel.me">Shubham Goel</a>
<a href="todo stuff here">Kayu Chen</a>
</p>
</footer>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
/* Global Filter Variables */
var current_source = "";
var current_destination = "";//For Later
var current_region = "";//For Later
var current_time = "";
var default_time = 'December_2013';
var current_weekend = "";//For Later
var edge_wt=0;
//scales
var x_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var y_map = d3.scale.linear().domain([0, 25]).range([0, 500]);
var e = d3.scale.linear()
.domain([1, 5000])
.range([0, 20]);
var svg_container = d3.select(".span11").append("svg")
.attr("width", 900)
.attr("height", 500)
svg_container.append("image")
.attr("xlink:href", "img/map.png")
.attr("width", 900)
.attr("height", 500);
svg_map = svg_container
.append("g")
.attr("transform", "translate(" + 152 + "," + -10 + ")");
// add edges
var tip_circle = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return "<span style='color:white'>" + d.name + "</span>";
});
svg_map.call(tip_circle);
svg_map.selectAll("line")
.data(edges)
.enter()
.append("line")
.attr("x1", function (data) { return x_map(data.x1); })
.attr("y1", function (data) { return y_map(data.y1); })
.attr("x2", function (data) { return x_map(data.x2); })
.attr("y2", function (data) { return y_map(data.y2); })
.style("stroke", "rgb(6,120,155)")
.style("stroke-width", 4)
.style("stroke-opacity", 0.6);
// add stations
var circles = svg_map.selectAll("circle")
.data(stations)
.enter()
.append(