2c:null 2d:["$","title",null,{"children":"Simulated Cyclist Delays on 8th Ave | Jehiah Czebotar | Observable"}] 32:T61d,cycle = { let cycle = 0; let total_distance = d3.sum(street.current, function(d){return d.leading_distance}); let xaxis = d3.scaleLinear().domain([0, total_distance]).range([4, width-(width*.1)]); let current_max_duration = d3.max(cyclists.current, function(d){return d.total_time}); let green_max_duration = d3.max(cyclists.green, function(d){return d.total_time}); let max_duration = d3.max([current_max_duration, green_max_duration]) let top_padding = 84 if (width < 800 ) { top_padding=65 } let yaxis = d3.scaleLinear().domain([0, max_duration]).range([height-2, top_padding]); let pos=0; for (let i=0; i= 2) { let other = this.lights[1].is_safe(t + this.offsets[1]) // if either is false, return false // if either is undefined, return undefined if (first === false || other === false) {return false} if (first === undefined || other === undefined) { return undefined} if (first === null) {return other} if (other === null) {return first} return first } } is_car_safe(t) { let last_light = this.lights[this.lights.length-1]; let last_offset = this.offsets[this.offsets-1]; return last_light.is_safe(t, last_offset) } }38:Tb1d,class Vehicle { constructor(name, acceleration, max_speed, intersections, color) { this.name = name this.acceleration = acceleration; this.max_speed = max_speed; this.color = color; this.positions = [] let total_distance = 0; for (let i=0; i < intersections.length; i++) { total_distance += intersections[i].leading_distance; } intersections = intersections.slice() let pos=0; let next_street = intersections.shift(); let next_stop_bar = next_street.leading_distance; let speed = 0; this.waiting = 0; for (let i=0; pos <= total_distance; i++ ) { let next_speed = speed if (next_speed <= this.max_speed) { next_speed += this.acceleration; if (next_speed > this.max_speed) {next_speed = this.max_speed} } if (pos + next_speed >= next_stop_bar ) { // we can only cross the stop bar if it's green let safe = next_street.is_safe(i); if (this.name.indexOf("Car") != -1) { safe = next_street.is_car_safe(i); } if (safe === true || safe === undefined) { // continue past intersection if (intersections.length > 0) { next_street = intersections.shift(); next_stop_bar += next_street.leading_distance; } } else { // stop this.waiting++; speed = 0; pos = next_stop_bar; this.positions.push([i, pos, true]) continue } } pos += next_speed speed = next_speed this.positions.push([i, pos, false]) } this.total_time = this.positions[this.positions.length - 1][0]; } draw(c, xaxis, yaxis, t) { c.fillStyle = this.color; let p = null; let waiting = 0; for (let i=0; i < this.positions.length && i <= t; i++) { p = this.positions[i]; if (p[2]) {waiting++} c.beginPath(); c.arc(xaxis(p[1]), yaxis(p[0]), 1, 0, 2*Math.PI); c.fill(); } c.font = "10px sans-serif" let lineHeight = 12 c.strokeStyle = "#fff" let xoffset = 4; c.strokeText(this.name, xaxis(p[1])+xoffset, yaxis(p[0])); c.fillText(this.name, xaxis(p[1])+xoffset, yaxis(p[0])); if (this.name.indexOf("Car") != -1 ) {return;} c.font = "9px sans-serif" let str = duration(p[0]); c.strokeText(str, xaxis(p[1])+xoffset, yaxis(p[0])+lineHeight); c.fillText(str, xaxis(p[1])+xoffset, yaxis(p[0])+lineHeight); if (waiting > 0) { str = "waited " + duration(waiting) c.strokeText(str, xaxis(p[1])+xoffset, yaxis(p[0])+(lineHeight*2)); c.fillText(str, xaxis(p[1])+xoffset, yaxis(p[0])+(lineHeight*2)); } } }39:[] 30:{"id":"b08baaf98c475046","slug":"simulated-cyclist-delays-on-8th-ave","title":"Simulated Cyclist Delays on 8th Ave","thumbnail":"6e0f673511d836e51eac120bbff044660a0513b367db69301f1594f468d5399a","access_level":"public","create_time":"$D2018-06-20T00:20:26.789Z","update_time":"$D2020-08-01T18:35:30.904Z","view_time":null,"first_public_time":"$D2018-06-20T04:08:18.649Z","has_unpublished_edits":null,"fork":{"id":"813f9a5f43e42bbe","slug":"simulated-8th-ave-traffic-signal-timing","title":"Simulated 8th Ave Traffic Signal Timing","owner":{"id":"a33a976c6cb00d46","login":"jehiah","name":"Jehiah Czebotar"}},"stars":10,"starred":false,"owner":{"type":"team","id":"a33a976c6cb00d46","login":"jehiah","name":"Jehiah Czebotar","avatar_url":"https://avatars-next.observableusercontent.com/f86f10d5537393b058fd05ccdb4d72bad7fdaeea715b4f374c4716d9395ef958","tier":"starter_2024","bio":""},"version":600,"publish_version":600,"role":null,"authored":false,"authors":[{"type":"individual","id":"f485c399bea66afd","login":"jehiah","name":"Jehiah Czebotar","avatar_url":"https://avatars-next.observableusercontent.com/f86f10d5537393b058fd05ccdb4d72bad7fdaeea715b4f374c4716d9395ef958","tier":null,"bio":""}],"members":[{"type":"individual","id":"f485c399bea66afd","login":"jehiah","name":"Jehiah Czebotar","avatar_url":"https://avatars-next.observableusercontent.com/f86f10d5537393b058fd05ccdb4d72bad7fdaeea715b4f374c4716d9395ef958","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Simulated Cyclist Delays on 8th Ave","cells":[{"id":0,"value":"md`# Simulated Cyclist Delays on 8th Ave\nThis interactive simulation shows average speed and total delay to differnt speed cyclists (and a car for comparison). The stretch of 8th avenue from 22nd st to 34th st is shown with actual signal timings (as of June 2018) and with an adjustible timing to simulate different \"green wave\" signal timings.\n\nSimulated at ${(1000/(1000-speed)).toFixed(2)}x speed. A single light cycle is 60 seconds.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"viewof speed = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"md`### Current (June 2018) 8th Ave Signal Timing\n\nCurrent signal configuration is that all lights from 22nd st to 34th st change at the same time. 26th st is an exception which starts 6 seconds earlier.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"context.current.canvas","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"value":"{ \n let fps_to_kph = 1.09728\n let fps_to_mph = 0.681818\n\n let total_distance = d3.sum(street.current, function(d){return d.leading_distance});\n \n function line(v){\n let speed_kph = (total_distance / v.total_time) * fps_to_kph;\n let speed_mph = (total_distance / v.total_time) * fps_to_mph;\n return `A ${v.name} takes **${duration(v.total_time)}** (stopped for **${duration(v.waiting) || \"0sec\"}**) avg speed **${speed_kph.toFixed(1)}kph** (${speed_mph.toFixed(1)}mph). `\n }\n let body = cyclists.current.map(line).join(\"\\n\")\n return md`Most cyclists will encounter **4** red lights in this configuration and miss the exclusive green for cyclists at 25th st and 29th st. \n\n${body}`\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"{ \n let fps_to_kph = 1.09728\n let fps_to_mph = 0.681818\n\n let title = `\"Green Wave\" ${(green_wave_speed/10*fps_to_kph).toFixed(0)}kph (${(green_wave_speed/10*fps_to_mph).toFixed(1)}mph) Signal Timing`\n\n return md`### ${title}\nAdjust the slider to simulate timing delays from 0kph to 40kph. \n\nInternational standards for a \"green wave\" signal timing are between 25kph and 30kph (15mph and 18mph).`\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"viewof green_wave_speed = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"context.green.canvas","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"{ \n let fps_to_kph = 1.09728\n let fps_to_mph = 0.681818\n\n let total_distance = d3.sum(street.green, function(d){return d.leading_distance});\n \n function line(v){\n let speed_kph = (total_distance / v.total_time) * fps_to_kph;\n let speed_mph = (total_distance / v.total_time) * fps_to_mph;\n return `A ${v.name} takes **${duration(v.total_time)}** (stopped for **${duration(v.waiting) || \"0sec\"}**) avg speed **${speed_kph.toFixed(1)}kph** (${speed_mph.toFixed(1)}mph). `\n }\n let body = cyclists.green.map(line).join(\"\\n\")\n return md`\n${body}`\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"md`Questions or comments? Find me at or [@jehiah](https://twitter.com/jehiah) on Twitter.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"height = 350","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"context = { \n return {\n current: DOM.context2d(width, height),\n green: DOM.context2d(width, height)\n }\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"duration = function(s) {\n let str = \"\"\n let minutes = Math.floor(s / 60)\n if (minutes > 0) {\n str = minutes + \"min\"\n }\n let seconds = s % 60;\n if (seconds > 0) {\n if (str != \"\") { str += \" \"}\n str += seconds + \"sec\"\n }\n return str;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1"}} 31:"$30:body"