-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtrafficpredict.htm
30 lines (26 loc) · 14.5 KB
/
trafficpredict.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Housing[x]</title>
<link rel="stylesheet" href="trafficpredict_files/cssmain.css">
<link href="trafficpredict_files/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="trafficpredict_files/d3.js"></script>
</head>
<body>
<div>
<p class="heading">Housing X</p>
<p class="tour">{{ Traffic-Predict }}</p>
</div>
<div class="svgContainer">
<div id="part1">
<div id="nameGenderScoresPlot"><svg class="splotsvg" height="320" width="560"><g transform="translate(0,290)" class="axis"><g transform="translate(40,0)" style="opacity: 1;" class="tick"><line x2="0" y2="6"></line><text x="0" y="9" style="text-anchor: middle;" dy=".71em">Mon</text></g><g transform="translate(155.9090909090909,0)" style="opacity: 1;" class="tick"><line x2="0" y2="6"></line><text x="0" y="9" style="text-anchor: middle;" dy=".71em">Tue</text></g><g transform="translate(271.8181818181818,0)" style="opacity: 1;" class="tick"><line x2="0" y2="6"></line><text x="0" y="9" style="text-anchor: middle;" dy=".71em">Wed</text></g><g transform="translate(387.72727272727275,0)" style="opacity: 1;" class="tick"><line x2="0" y2="6"></line><text x="0" y="9" style="text-anchor: middle;" dy=".71em">Thur</text></g><g transform="translate(503.6363636363636,0)" style="opacity: 1;" class="tick"><line x2="0" y2="6"></line><text x="0" y="9" style="text-anchor: middle;" dy=".71em">Fri</text></g><path d="M40,6V0H550V6" class="domain"></path></g><g transform="translate(30,0)" class="axis"><g transform="translate(0,256.3157894736842)" style="opacity: 1;" class="tick"><line y2="0" x2="-6"></line><text y="0" x="-9" style="text-anchor: end;" dy=".32em">12</text></g><g transform="translate(0,208.94736842105263)" style="opacity: 1;" class="tick"><line y2="0" x2="-6"></line><text y="0" x="-9" style="text-anchor: end;" dy=".32em">9</text></g><g transform="translate(0,161.57894736842113)" style="opacity: 1;" class="tick"><line y2="0" x2="-6"></line><text y="0" x="-9" style="text-anchor: end;" dy=".32em">6</text></g><g transform="translate(0,114.21052631578956)" style="opacity: 1;" class="tick"><line y2="0" x2="-6"></line><text y="0" x="-9" style="text-anchor: end;" dy=".32em">3</text></g><g transform="translate(0,66.842105263158)" style="opacity: 1;" class="tick"><line y2="0" x2="-6"></line><text y="0" x="-9" style="text-anchor: end;" dy=".32em">12</text></g><g transform="translate(0,19.473684210526436)" style="opacity: 1;" class="tick"><line y2="0" x2="-6"></line><text y="0" x="-9" style="text-anchor: end;" dy=".32em">9</text></g><path d="M-6,10H0V280H-6" class="domain"></path></g><g class="plotbody"><circle fill="#40c0d0" r="2.8" cx="40" cy="10"><title>Srijesh , 80.4</title></circle><circle fill="#f41e50" r="2.8" cx="45.79545454545455" cy="19.473684210526436"><title>Sharada , 80.0</title></circle><circle fill="#40c0d0" r="2.8" cx="51.59090909090909" cy="24.210526315789668"><title>Arjun , 79.8</title></circle><circle fill="#40c0d0" r="2.8" cx="57.38636363636364" cy="43.15789473684224"><title>Gaurav , 79.0</title></circle><circle fill="#40c0d0" r="2.8" cx="63.18181818181819" cy="62.10526315789478"><title>Rahul , 78.2</title></circle><circle fill="#40c0d0" r="2.8" cx="68.97727272727272" cy="71.57894736842121"><title>Kaustubh , 77.8</title></circle><circle fill="#f41e50" r="2.8" cx="74.77272727272728" cy="76.31578947368445"><title>Nitya , 77.6</title></circle><circle fill="#f41e50" r="2.8" cx="80.56818181818181" cy="85.78947368421056"><title>Mathi , 77.2</title></circle><circle fill="#40c0d0" r="2.8" cx="86.36363636363636" cy="85.78947368421056"><title>Abhirup , 77.2</title></circle><circle fill="#40c0d0" r="2.8" cx="92.1590909090909" cy="90.52631578947378"><title>Siddhanth , 77.0</title></circle><circle fill="#40c0d0" r="2.8" cx="97.95454545454545" cy="90.52631578947378"><title>Yateesh , 77.0</title></circle><circle fill="#f41e50" r="2.8" cx="103.75" cy="90.52631578947378"><title>Chinmaya , 77.0</title></circle><circle fill="#f41e50" r="2.8" cx="109.54545454545455" cy="95.26315789473699"><title>Aishwarya , 76.8</title></circle><circle fill="#40c0d0" r="2.8" cx="115.3409090909091" cy="104.73684210526312"><title>Shashwath , 76.4</title></circle><circle fill="#40c0d0" r="2.8" cx="121.13636363636364" cy="104.73684210526312"><title>Animan , 76.4</title></circle><circle fill="#40c0d0" r="2.8" cx="126.93181818181819" cy="109.47368421052632"><title>Trideep , 76.2</title></circle><circle fill="#f41e50" r="2.8" cx="132.72727272727272" cy="109.47368421052632"><title>Akshata , 76.2</title></circle><circle fill="#f41e50" r="2.8" cx="138.52272727272728" cy="109.47368421052632"><title>Sanjana , 76.2</title></circle><circle fill="#40c0d0" r="2.8" cx="144.3181818181818" cy="114.21052631578956"><title>Kiran , 76.0</title></circle><circle fill="#40c0d0" r="2.8" cx="150.11363636363637" cy="118.9473684210528"><title>Aman , 75.8</title></circle><circle fill="#f41e50" r="2.8" cx="155.9090909090909" cy="118.9473684210528"><title>Arati , 75.8</title></circle><circle fill="#40c0d0" r="2.8" cx="161.70454545454544" cy="118.9473684210528"><title>Trishal , 75.8</title></circle><circle fill="#40c0d0" r="2.8" cx="167.5" cy="123.684210526316"><title>Varun , 75.6</title></circle><circle fill="#40c0d0" r="2.8" cx="173.29545454545456" cy="123.684210526316"><title>Nikhil , 75.6</title></circle><circle fill="#40c0d0" r="2.8" cx="179.0909090909091" cy="128.4210526315789"><title>Tushar , 75.4</title></circle><circle fill="#40c0d0" r="2.8" cx="184.88636363636363" cy="128.4210526315789"><title>Gautam , 75.4</title></circle><circle fill="#40c0d0" r="2.8" cx="190.6818181818182" cy="128.4210526315789"><title>Ashwin , 75.4</title></circle><circle fill="#40c0d0" r="2.8" cx="196.47727272727272" cy="133.1578947368421"><title>Xerxes , 75.2</title></circle><circle fill="#40c0d0" r="2.8" cx="202.27272727272728" cy="133.1578947368421"><title>Rahul , 75.2</title></circle><circle fill="#40c0d0" r="2.8" cx="208.0681818181818" cy="133.1578947368421"><title>Bharath , 75.2</title></circle><circle fill="#40c0d0" r="2.8" cx="213.86363636363637" cy="133.1578947368421"><title>Abhijit , 75.2</title></circle><circle fill="#f41e50" r="2.8" cx="219.6590909090909" cy="133.1578947368421"><title>Anusha , 75.2</title></circle><circle fill="#f41e50" r="2.8" cx="225.45454545454544" cy="133.1578947368421"><title>Meghana , 75.2</title></circle><circle fill="#f41e50" r="2.8" cx="231.25" cy="137.89473684210535"><title>Mary Kavitha , 75.0</title></circle><circle fill="#f41e50" r="2.8" cx="237.04545454545456" cy="137.89473684210535"><title>Aishwarya , 75.0</title></circle><circle fill="#f41e50" r="2.8" cx="242.8409090909091" cy="142.63157894736858"><title>Vidya , 74.8</title></circle><circle fill="#40c0d0" r="2.8" cx="248.63636363636363" cy="142.63157894736858"><title>Abhishek , 74.8</title></circle><circle fill="#f41e50" r="2.8" cx="254.4318181818182" cy="142.63157894736858"><title>Aparna , 74.8</title></circle><circle fill="#40c0d0" r="2.8" cx="260.22727272727275" cy="142.63157894736858"><title>Avinash , 74.8</title></circle><circle fill="#40c0d0" r="2.8" cx="266.02272727272725" cy="147.36842105263176"><title>Varun , 74.6</title></circle><circle fill="#40c0d0" r="2.8" cx="271.8181818181818" cy="147.36842105263176"><title>Anand , 74.6</title></circle><circle fill="#f41e50" r="2.8" cx="277.6136363636364" cy="147.36842105263176"><title>Awani , 74.6</title></circle><circle fill="#40c0d0" r="2.8" cx="283.4090909090909" cy="152.10526315789465"><title>Rohan , 74.4</title></circle><circle fill="#f41e50" r="2.8" cx="289.20454545454544" cy="152.10526315789465"><title>Priyanka , 74.4</title></circle><circle fill="#f41e50" r="2.8" cx="295" cy="152.10526315789465"><title>Shruthi , 74.4</title></circle><circle fill="#f41e50" r="2.8" cx="300.79545454545456" cy="152.10526315789465"><title>Lakshana , 74.4</title></circle><circle fill="#f41e50" r="2.8" cx="306.5909090909091" cy="152.10526315789465"><title>Meghana , 74.4</title></circle><circle fill="#f41e50" r="2.8" cx="312.3863636363636" cy="156.84210526315786"><title>Anitha , 74.2</title></circle><circle fill="#f41e50" r="2.8" cx="318.1818181818182" cy="156.84210526315786"><title>Balaji , 74.2</title></circle><circle fill="#f41e50" r="2.8" cx="323.97727272727275" cy="161.57894736842113"><title>Nistha , 74.0</title></circle><circle fill="#f41e50" r="2.8" cx="329.77272727272725" cy="161.57894736842113"><title>Lakshmi , 74.0</title></circle><circle fill="#f41e50" r="2.8" cx="335.5681818181818" cy="161.57894736842113"><title>Parinitha , 74.0</title></circle><circle fill="#f41e50" r="2.8" cx="341.3636363636364" cy="166.31578947368433"><title>Sriya , 73.8</title></circle><circle fill="#f41e50" r="2.8" cx="347.15909090909093" cy="166.31578947368433"><title>Praisy , 73.8</title></circle><circle fill="#f41e50" r="2.8" cx="352.95454545454544" cy="171.05263157894757"><title>Aritra , 73.6</title></circle><circle fill="#f41e50" r="2.8" cx="358.75" cy="171.05263157894757"><title>Shriya , 73.6</title></circle><circle fill="#f41e50" r="2.8" cx="364.54545454545456" cy="171.05263157894757"><title>Abinayaa , 73.6</title></circle><circle fill="#40c0d0" r="2.8" cx="370.34090909090907" cy="171.05263157894757"><title>Vaishnav , 73.6</title></circle><circle fill="#40c0d0" r="2.8" cx="376.1363636363636" cy="175.78947368421044"><title>Varun , 73.4</title></circle><circle fill="#40c0d0" r="2.8" cx="381.9318181818182" cy="175.78947368421044"><title>Ramadoss , 73.4</title></circle><circle fill="#40c0d0" r="2.8" cx="387.72727272727275" cy="175.78947368421044"><title>Kushal , 73.4</title></circle><circle fill="#40c0d0" r="2.8" cx="393.52272727272725" cy="175.78947368421044"><title>Aushutosh , 73.4</title></circle><circle fill="#40c0d0" r="2.8" cx="399.3181818181818" cy="180.52631578947367"><title>Pranav , 73.2</title></circle><circle fill="#f41e50" r="2.8" cx="405.1136363636364" cy="185.2631578947369"><title>Amritha , 73.0</title></circle><circle fill="#40c0d0" r="2.8" cx="410.90909090909093" cy="190.0000000000001"><title>Siddharth , 72.8</title></circle><circle fill="#40c0d0" r="2.8" cx="416.70454545454544" cy="190.0000000000001"><title>Nathan , 72.8</title></circle><circle fill="#40c0d0" r="2.8" cx="422.5" cy="190.0000000000001"><title>Abhinay , 72.8</title></circle><circle fill="#f41e50" r="2.8" cx="428.29545454545456" cy="190.0000000000001"><title>Riddhi , 72.8</title></circle><circle fill="#f41e50" r="2.8" cx="434.09090909090907" cy="194.73684210526335"><title>Madhumita , 72.6</title></circle><circle fill="#40c0d0" r="2.8" cx="439.8863636363636" cy="199.47368421052622"><title>Anoop , 72.4</title></circle><circle fill="#40c0d0" r="2.8" cx="445.6818181818182" cy="199.47368421052622"><title>Tushar , 72.4</title></circle><circle fill="#40c0d0" r="2.8" cx="451.47727272727275" cy="199.47368421052622"><title>Vetrivel , 72.4</title></circle><circle fill="#f41e50" r="2.8" cx="457.27272727272725" cy="204.21052631578945"><title>Mrinalini , 72.2</title></circle><circle fill="#f41e50" r="2.8" cx="463.0681818181818" cy="208.94736842105263"><title>Vaishnavi , 72.0</title></circle><circle fill="#40c0d0" r="2.8" cx="468.8636363636364" cy="208.94736842105263"><title>Siddharth , 72.0</title></circle><circle fill="#40c0d0" r="2.8" cx="474.65909090909093" cy="208.94736842105263"><title>Ronald , 72.0</title></circle><circle fill="#f41e50" r="2.8" cx="480.45454545454544" cy="208.94736842105263"><title>Surabhi , 72.0</title></circle><circle fill="#f41e50" r="2.8" cx="486.25" cy="213.68421052631587"><title>Maya , 71.8</title></circle><circle fill="#f41e50" r="2.8" cx="492.04545454545456" cy="218.42105263157913"><title>Saumashree , 71.6</title></circle><circle fill="#40c0d0" r="2.8" cx="497.84090909090907" cy="218.42105263157913"><title>Suman , 71.6</title></circle><circle fill="#f41e50" r="2.8" cx="503.6363636363636" cy="227.8947368421052"><title>Ananya , 71.2</title></circle><circle fill="#40c0d0" r="2.8" cx="509.4318181818182" cy="227.8947368421052"><title>Chatur , 71.2</title></circle><circle fill="#f41e50" r="2.8" cx="515.2272727272727" cy="232.63157894736844"><title>Anushka , 71.0</title></circle><circle fill="#40c0d0" r="2.8" cx="521.0227272727273" cy="242.10526315789488"><title>Aroul , 70.6</title></circle><circle fill="#40c0d0" r="2.8" cx="526.8181818181819" cy="242.10526315789488"><title>Veer , 70.6</title></circle><circle fill="#40c0d0" r="2.8" cx="532.6136363636364" cy="261.05263157894746"><title>Martin , 69.8</title></circle><circle fill="#40c0d0" r="2.8" cx="538.4090909090909" cy="275.26315789473676"><title>Anand , 69.2</title></circle><circle fill="#40c0d0" r="2.8" cx="544.2045454545455" cy="280"><title>Kshitij , 69.0</title></circle></g><line stroke="rgb(240,240,240)" stroke-width="1.5" stroke-dasharray="3,3" y2="98.5197368421055" x2="550" y1="98.5197368421055" x1="34.20454545454546"></line><line stroke="rgb(90,220,90)" stroke-width="1.5" stroke-dasharray="3,3" y2="152.8588947368423" x2="550" y1="152.8588947368423" x1="34.20454545454546"></line><text font-size="30" fill="#eb9a00" font-family="Titillium Web" y="256.3157894736842" x="103.75">Traffic Distribution</text><text font-size="17" fill="#eb9a00" font-family="Titillium Web" y="280" x="213.86363636363637">Day vs Time</text><text font-size="15" fill="#eb9a00" font-family="Titillium Web" y="172.8588947368423" x="68.97727272727272">Weekly Average : 74.37</text><text font-size="15" fill="#eb9a00" font-family="Titillium Web" y="88.5197368421055" x="271.8181818181818">Peak Average : 76.66</text></svg></div>
<div id="genderPiePlot"><svg class="genderdistsvg" height="150" width="150"><text font-size="20" fill="#eb9a00" font-family="Titillium Web" y="25" x="15">Total Vehicles</text><g transform="translate(75,90)" class="arc"><path d="M-17.46785702163335,46.84948207901315A50,50 0 0,1 -9.184850993605149e-15,-50L0,0Z" fill="#f41e50"></path><text fill="rgb(50,50,50)" font-size="15" font-family="Titillium Web" text-anchor="middle" transform="translate(-24.60303361363863,-4.437424591603539)">44.32%</text></g><g transform="translate(75,90)" class="arc"><path d="M3.061616997868383e-15,-50A50,50 0 1,1 -17.46785702163335,46.84948207901315L0,0Z" fill="#40c0d0"></path><text fill="rgb(50,50,50)" font-size="15" font-family="Titillium Web" text-anchor="middle" transform="translate(24.60303361363863,4.437424591603537)">55.68%</text></g></svg></div>
<div id="teamIcons">
<div id="totIcons"></div>
<div id="brIcons"></div>
</div>
</div>
</div>
<script type="text/javascript" src="trafficpredict_files/jsmain.js"></script>
</body></html>