2b:null 2c:["$","title",null,{"children":"CSCI 627/490 Project | NIU ReDAV | Observable"}] 31:T9a3,map = { const mapWidth = 900; const mapHeight = 1000; const projection = d3.geoTransverseMercator() .rotate([90 + 10 / 60, -36 - 40 / 60]) .fitSize([mapWidth,mapHeight], chicago_boundaries); var map = d3.create('svg') .attr('width', 900) .attr('height', mapHeight) .attr('id', 'map'); var path = d3.geoPath() .projection(projection); //create chicago var chicago = map.append('path') .datum(chicago_boundaries) .attr('d', path) .style('stroke', 'black') .style('fill', 'none'); //scale for radius size var radius_scale = d3.scaleLinear().domain([0,120]).range([3, 20]) //overlay stations var stations = map .selectAll('circle.station') .data(preds_stats.filter(d => d.Line == lines.get(line_choice) & d.Prediction_Count > 100 & d.dir_code == direction.get(direction_choice) & d.Hour == hour_slider & d.stationOrder2 - d.stationOrder == 1)) .join('circle') .attr('class', 'station') .attr('cx', (d) => projection([d.stop_lon, d.stop_lat])[0]) .attr('cy', (d) => projection([d.stop_lon, d.stop_lat])[1]) .attr('r', function(d){ if(get_pred_std.get(d.stationOrder) <= 30){ return 5; }else if(get_pred_std.get(d.stationOrder) > 30 & get_pred_std.get(d.stationOrder) <= 60){ return 10; }else{ return 15; }}) .attr('fill-opacity', 0.5) .style('fill', line_choice) .style('stroke', function(d){if(get_pred_std.get(d.stationOrder) >= 120){ return 'red'; }else if(d.stop_name == station_start){ return 'black'; }}) .style('stroke-width', 3) .append('title') .text(d => d.stop_name + ' - Median travel time to next stop: ' + get_pred_median.get(d.stationOrder) + '\n') .append('title') .text(d => d.stop_name + ' - Median standard deviation to next stop: ' + get_pred_std.get(d.stationOrder) + ' seconds'); //background for title map.append('rect') .attr('width', 900) .attr('height', 20) .attr('fill', 'white'); //title map.append('text') .attr('transform', 'translate(10, 17)') .attr('font-weight', 400) .style('font-size', '20px') .text('Map Showing Prediction Standard Deviation Between Stations'); return map.node(); }32:T4b6,//Create the bar graph dynamically bar_graph = Plot.plot({ marginBottom:40, marginRight:40, width:900, className: 'barGraph', title: 'Prediction Standard Deviations of Starting Point to Different Stops', y: { grid: true, label: 'Standard Deviation' }, x: {label: 'End Stop'}, color: {domain: ['X <= 30 Seconds', '30 Seconds > X <= 60 Seconds', 'X > 60 Seconds'], range: ['green', 'blue', 'red'], legend: true}, marks: [ Plot.barY(final_bar_vis_data, {x: "StopName", y: 'Prediction_Std_seconds', fill: function(d) {if(d.Prediction_Std_seconds <= 30){ return 'Green'; }else if(d.Prediction_Std_seconds > 30 & d.Prediction_Std_seconds <= 60){ return 'Blue'; }else{ return 'Red'; }}, title: (d) => `${d.stop_name} to ${d.StopName} \nMedian Predicted Travel Time: ${d.Prediction_Median}`, channels: {stationOrder2: 'stationOrder2'}, sort: { x: 'stationOrder2' } }), Plot.axisX({rotate: -10}), Plot.ruleY([0]) ] });33:[{"id":"1efa8e9a496825baecc720fa418050b7f139b66f57c1dabdc3191df4cba11985af347f08bec6ebdee51fbeea5430f44a5a95670a84806f2e3442c0bc4a5bcd10","href":"https://static.observableusercontent.com/files/1efa8e9a496825baecc720fa418050b7f139b66f57c1dabdc3191df4cba11985af347f08bec6ebdee51fbeea5430f44a5a95670a84806f2e3442c0bc4a5bcd10","name":"Boundaries - Community Areas (current).geojson","type":"application/geo+json","lastModified":1699893256724.545,"size":2076490},{"id":"002ed0addeb38e2666a2f0514a1520f20721605def7065aefb2c4abb455652e316e3a5fdb1c0689d0cfde041c157df9e814a56f1049290ac3c8646d31370b334","href":"https://static.observableusercontent.com/files/002ed0addeb38e2666a2f0514a1520f20721605def7065aefb2c4abb455652e316e3a5fdb1c0689d0cfde041c157df9e814a56f1049290ac3c8646d31370b334","name":"preds_stats_2.csv","type":"text/csv","lastModified":1701122362903.527,"size":20348752}] 2f:{"id":"0c0f380d129b4d8c","slug":null,"title":"CSCI 627/490 Project","thumbnail":"666cb9f435c0495e44134f75adeb3cd8b4ed7c403b80f4663cab1e26bff9c0aa","access_level":"public","create_time":"$D2023-11-13T16:06:31.359Z","update_time":"$D2023-12-05T18:41:21.839Z","view_time":null,"first_public_time":"$D2024-01-15T02:22:07.956Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"6be90def0eaad608","login":"niu-redav","name":"NIU ReDAV","avatar_url":"https://avatars-next.observableusercontent.com/4f6116f4cf961cd7132568b8dbe99bfaa543dbb9ef5eca3152ed1f54f12d0e0b","tier":"education_2026","bio":""},"version":781,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"50deaed7f6815cfa","login":"bradpohl","name":"bradpohl","avatar_url":"https://avatars-next.observableusercontent.com/ee4100fc64c4f78cc69caf84d10ca499be8cb7591c2b8e3a127fa4abc65c3581","tier":null,"bio":""}],"members":[{"type":"individual","id":"50deaed7f6815cfa","login":"bradpohl","name":"bradpohl","avatar_url":"https://avatars-next.observableusercontent.com/ee4100fc64c4f78cc69caf84d10ca499be8cb7591c2b8e3a127fa4abc65c3581","tier":null,"role":"editor"},{"type":"individual","id":"0290d485d6927639","login":"dakoop","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3db1688f30a1b05a38931e472a94cfdfe52090e6ecdd5fe4b5f9ed17708aebe4","tier":null,"role":"editor"},{"type":"team","id":"6be90def0eaad608","login":"niu-redav","name":"NIU ReDAV","avatar_url":"https://avatars-next.observableusercontent.com/4f6116f4cf961cd7132568b8dbe99bfaa543dbb9ef5eca3152ed1f54f12d0e0b","tier":"education_2026","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"CSCI 627/490 Project","cells":[{"id":0,"value":"# CSCI 627/490 Project\n

Brad Pohlman

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":775,"value":"

Instructions to use

Black highlight circle means it is a focus point.
The initial one is the start of the line, you can change this one with the drop down menu.
You can also click on the bar graph to highlight another point that correlates the starting point to the new highlighted station.
Red highlight on circles means bad data, ignore these when trying to find problem stations.
Size of circles means a binned time. Small = less than 30 second std. Medium = 30 to 60 second std. Large = 60+ second std.
Line drop down widget allows the user to observe different lines.
Starting Point drop down allows the user to change the starting point highlight, and bar graph start.
Direction radio allows the user to change direction of the line
Slider widget changes the hour of the day and allows the user to observe statistics at that binned hour of the day.

\n ${map}\n

\n ${viewof line_choice}\n ${viewof station_start}\n ${viewof direction_choice}\n ${viewof hour_slider}\n

\n ${bar_graph}\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":748,"value":"

Read the data

Set up Maps

Testing area

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":246,"value":"preds_stats.filter(function(d){\n return (d.stationOrder2 - d.stationOrder == 1 &\n d.Hour == hour_slider)\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"// {\n// preds_stats.filter(function(d){\n// return ((d.stationOrder2 - d.stationOrder) == 1 &\n// d.Hour == hour_slider)\n// }).map(d=>get_pred_median.set(d.stationOrder, d.Prediction_Median))\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"get_pred_std = new Map();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"{\n preds_stats.filter(function(d){\n return (d.stationOrder2 - d.stationOrder == 1 &\n d.Hour == hour_slider)\n }).map(d=>get_pred_std.set(d.stationOrder, d.Prediction_Std_seconds))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"get_station_from_order2 = new Map();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"lines = new Map();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"{\n preds_stats.filter(function(d){\n return (d.stationOrder2 - d.stationOrder == 1 &\n d.Hour == hour_slider)\n }).map(d=>get_station_from_order2.set(d.stationOrder2, d.StopName))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"{\n lines.set('Blue', 'B');\n lines.set('Red', 'R');\n lines.set('Brown', 'T');\n lines.set('Purple', 'P');\n lines.set('Pink', 'V');\n lines.set('Green', 'G');\n lines.set('Orange', 'O');\n lines.set('Yellow', 'Y');\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"direction = new Map();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"{\n direction.set('SouthBound', 5)\n direction.set('NorthBound', 1)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"viewof line_choice = Inputs.select(['Blue', 'Red', 'Pink', 'Brown', 'Purple', 'Orange', 'Green', 'Yellow'], {value: 'Blue', label: 'Select Line:'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"viewof direction_choice = Inputs.radio(['SouthBound', 'NorthBound'], {value: 'SouthBound', label: 'Direction:'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"viewof hour_slider = Inputs.range([0,23], {step:1})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"viewof station_start = Inputs.select(preds_stats.filter(d => d.Line == lines.get(line_choice) & \n d.Prediction_Count > 100 &\n d.dir_code == direction.get(direction_choice) &\n d.Hour == hour_slider &\n d.stationOrder2 - d.stationOrder == 1).map(d => d.stop_name),\n {\n value: 'O\\'Hare',\n label: 'Starting point: '\n });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":392,"value":"station_start_select = new Map(preds_stats.filter(d => d.Line == lines.get(line_choice) & \n d.Prediction_Count > 100 &\n d.dir_code == direction.get(direction_choice) &\n d.Hour == hour_slider &\n d.stationOrder2 - d.stationOrder == 1).map(d => [d.stop_name, d.CurrentStationId]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"preds_stats.filter(d => d.Line == lines.get(line_choice) & \n d.Prediction_Count > 100 &\n d.dir_code == direction.get(direction_choice) &\n d.Hour == hour_slider &\n d.stationOrder2 - d.stationOrder == 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"//Filter the data that needs to go to the bar graph\n\nbar_vis_data = preds_stats.filter(function(d){\n return (d.CurrentStationId >= station_start_select.get(station_start) & //This is the start point\n d.stop_name == station_start & \n d.Line == lines.get(line_choice) & \n d.Hour == hour_slider & \n d.dir_code == direction.get(direction_choice) &\n d.Prediction_Count > 100)}).sort((a, b) => a.stationOrder2 - b.stationOrder2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"preds_stats","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"preds_stats.filter(function(d){\n return (d.CurrentStationId >= station_start_select.get(station_start) & //This is the start point (This will be dynamic to allow user selection)\n d.stop_name == station_start & //This is the end point (This will be dynamic to allow user selection)\n d.Line == lines.get(line_choice) & \n d.Hour == hour_slider & //This is the hour that will be attached to the slider\n d.dir_code == direction.get(direction_choice) &\n d.Prediction_Count > 100)})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"station_start_select.get(station_start)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"final_bar_vis_data = [...new Map(bar_vis_data.map(item => [item['StopName'], item])).values()]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":303,"value":"{\n const station = d3.select(map).selectAll('circle.station');\n const barGraph = d3.select(bar_graph).selectAll('rect');\n\n\n d3.select(map).selectAll('circle.station').filter(d => d.Prediction_Std_seconds <= 20).raise();\n\n\n\n\n //bargraph\n barGraph.on('click', function(event, d) {\n d3.select(event.currentTarget).classed('highlight', true).raise();\n\n station\n .filter((dd) => dd.stationOrder2 == final_bar_vis_data[d + 1].stationOrder2) //stuck on this part\n .classed('highlight', true).raise();\n });\n\n barGraph.on('pointerover', function(event, d) {\n d3.select(event.currentTarget).classed('highlight', false);\n\n station.classed('highlight', false);\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"bar_vis_data","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":489,"value":"p = preds_stats.filter(d => d.Line == lines.get(line_choice) & \n d.Prediction_Count > 100 &\n d.dir_code == direction.get(direction_choice) &\n d.Hour == hour_slider &\n d.stationOrder2 - d.stationOrder == 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"p.filter(d => d.StopName == 'Rosemont') ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"preds_stats.filter(d => d.Line == lines.get(line_choice) & \n d.Prediction_Count > 100 &\n d.dir_code == direction.get(direction_choice) &\n d.Hour == hour_slider &\n d.stationOrder2 - d.stationOrder == 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":371,"value":"get_station = new Map();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"{\n preds_stats.filter(d => d.Line == lines.get(line_choice) & \n d.Prediction_Count > 100 &\n d.dir_code == direction.get(direction_choice) &\n d.Hour == hour_slider &\n d.stationOrder2 - d.stationOrder == 1).map(d => get_station.set(d.CurrentStationId, d.stop_name))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"bar_vis_data.filter(function(d, i){\n if(d.stationOrder2 != i.stationOrder2){\n return d;\n }\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":594,"value":"[...new Map(bar_vis_data.map(item => [item['StopName'], item])).values()]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 30:"$2f:body"