<commit_before><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Hotcars NYC - WPI CS573 Final Project</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/agency.css" rel="stylesheet">
	<link href="css/c3.css" rel="stylesheet" type="text/css">
	<link href="css/c3-main.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="css/d3.parcoords.css">
	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/queue-async/1.0.7/queue.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
	<script src="data/paths.json"></script>
	<script src="data/nyc_boroughs.json"></script>
	<script type='text/javascript' src='js/user.js'></script>
	<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
	<script src = "js/d3.parcoords.js"></script>
	
	
					
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
	<style>
		@import url(css/d3.parsets.css);
		
		.pathsunburst {
		  stroke: #FFFFFF;
		  stroke-width: 1.5;
		  cursor: pointer;
		}

		.textsunburst {
		  font: 11px sans-serif;
		  cursor: pointer;
		}
		
	#wrapper {
	   position: relative;
	   float: left;
	   top: 15px;
	   font-family: sans-serif;
	   font-size: 15px;
		}

	#tooltip{
			font-family: sans-serif;
			font-size: 9px;
			color:black;
		}
	</style>
	
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">hotcars-nyc</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services" id="introbutton">Introduction</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#overview">Overview</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">For Passengers</a>
                    </li>
					<li>
                        <a class="page-scroll" href="#mta">For MTA</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">Team</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Resources</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">Data Visualization Final Project Portfolio</div>
                <div class="intro-heading">Hot Subway Cars in NYC</div>
                <a href="#services" class="page-scroll btn btn-xl">Begin</a>
                
            </div>
        </div>
    </header>

    <!-- Services Section -->
    <section id="services" style="padding-top: 80px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Introduction</h2>
                    <p class="text-muted">
					New York City (NYC) is the most populous city in the US and has been described as the cultural and financial capital of the world. As a metropolitan city, the public transportation plays a very important role for the convenience of the city's dwellers and visitors. The subway is considered as the favorite public transportation. However, during summer time where most people would visit the city, there has been a major issue occurred frequently over years, which is the hot cars problem. The hot car problem is caused by the air-conditioning breakdowns in the subway cars which happened about 10 times a day during June, July and August between 2010 and 2014, according to analysis of Metropolitan Transportation Authority data obtained by The New York World through open records request. In total, there were nearly 6,500 “hot cars” over the five-year period covered by the data. Unsurprisingly, the vast majority of those incidents occurred during the hottest months of the year. This problem brings a very bad experience for the users, as they described that it was a horrendous to be stuck on an underground hot train.
					</p>
					<iframe width="560" height="315" src="https://www.youtube.com/embed/FkTybqcX-Yo" frameborder="0" allowfullscreen></iframe>
					
					
                </div>
            </div>
            <div class="row text-center">
                <div class="col-lg-12">
					<div id="car-animation"></div>
					<!--<script src="js/cars-animation.js"></script>-->
                </div>                <commit_msg>Edit video link<commit_after><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Hotcars NYC - WPI CS573 Final Project</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/agency.css" rel="stylesheet">
	<link href="css/c3.css" rel="stylesheet" type="text/css">
	<link href="css/c3-main.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="css/d3.parcoords.css">
	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/queue-async/1.0.7/queue.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
	<script src="data/paths.json"></script>
	<script src="data/nyc_boroughs.json"></script>
	<script type='text/javascript' src='js/user.js'></script>
	<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
	<script src = "js/d3.parcoords.js"></script>
	
	
					
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
	<style>
		@import url(css/d3.parsets.css);
		
		.pathsunburst {
		  stroke: #FFFFFF;
		  stroke-width: 1.5;
		  cursor: pointer;
		}

		.textsunburst {
		  font: 11px sans-serif;
		  cursor: pointer;
		}
		
	#wrapper {
	   position: relative;
	   float: left;
	   top: 15px;
	   font-family: sans-serif;
	   font-size: 15px;
		}

	#tooltip{
			font-family: sans-serif;
			font-size: 9px;
			color:black;
		}
	</style>
	
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">hotcars-nyc</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services" id="introbutton">Introduction</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#overview">Overview</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">For Passengers</a>
                    </li>
					<li>
                        <a class="page-scroll" href="#mta">For MTA</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">Team</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Resources</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">Data Visualization Final Project Portfolio</div>
                <div class="intro-heading">Hot Subway Cars in NYC</div>
                <a href="#services" class="page-scroll btn btn-xl">Begin</a>
                
            </div>
        </div>
    </header>

    <!-- Services Section -->
    <section id="services" style="padding-top: 80px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Introduction</h2>
                    <p class="text-muted">
					New York City (NYC) is the most populous city in the US and has been described as the cultural and financial capital of the world. As a metropolitan city, the public transportation plays a very important role for the convenience of the city's dwellers and visitors. The subway is considered as the favorite public transportation. However, during summer time where most people would visit the city, there has been a major issue occurred frequently over years, which is the hot cars problem. The hot car problem is caused by the air-conditioning breakdowns in the subway cars which happened about 10 times a day during June, July and August between 2010 and 2014, according to analysis of Metropolitan Transportation Authority data obtained by The New York World through open records request. In total, there were nearly 6,500 “hot cars” over the five-year period covered by the data. Unsurprisingly, the vast majority of those incidents occurred during the hottest months of the year. This problem brings a very bad experience for the users, as they described that it was a horrendous to be stuck on an underground hot train.
					</p>
					<iframe width="420" height="315" src="https://www.youtube.com/embed/QjdT5ZTja8w" frameborder="0" allowfullscreen></iframe>
					
					
                </div>
            </div>
            <div class="row text-center">
                <div class="col-lg-12">
					<div id="car-animation"></div>
					<!--<script src="js/cars-animation.js"></script>-->
                </div>                
{'fraction_non_alphanumeric': 0.15350877192982457, 'fraction_numerical': 0.015962036238136326, 'mean_word_length': 2.260431317393343, 'pattern_counts': {'":': 0, '<': 283, '<?xml version=': 0, '>': 283, 'https://': 20, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6106089', 'n_tokens_mistral': 4517, 'n_tokens_neox': 4007, 'n_words': 1022}