32:T55a,chartRoadSection = overlayPolygon((svg) => { const gForward = svg.append("g").attr("stroke-linecap", "round"); gForward .selectAll("path.roadsection-forward") .data(roadsection.map((r) => r.forwardLanesPolygon || []).flat()) .join("path") .attr("class", "roadsection-forward") .attr("d", (d) => `M${d.map((p) => x(p[0]) + " " + y(p[1])).join(" L ")}`) .attr("stroke", "blue") .attr("stroke-opacity", 0.7) .attr("fill", "blue") .attr("fill-opacity", 0.5); const gBackward = svg.append("g").attr("stroke-linecap", "round"); gBackward .selectAll("path.roadsection-backward") .data(roadsection.map((r) => r.backwardLanesPolygon || []).flat()) .join("path") .attr("class", "roadsection-backward") .attr("d", (d) => `M${d.map((p) => x(p[0]) + " " + y(p[1])).join(" L ")}`) .attr("stroke", "red") .attr("stroke-opacity", 0.7) .attr("fill", "red") .attr("fill-opacity", 0.5); const gRoad = svg.append("g").attr("stroke-linecap", "round"); gRoad .selectAll("path.roadsection-road") .data(roadsection, (d) => d.id) .join("path") .attr("class", "roadsection-road") .attr( "d", (d) => `M${d.polygon.map((p) => x(p[0]) + " " + y(p[1])).join(" L ")}` ) .attr("stroke", (d) => "green") .attr("fill-opacity", 0.5); return [gRoad, gForward, gBackward]; })33:T506,chartRoad = overlayPolygon((svg) => { const gForward = svg.append("g").attr("stroke-linecap", "round"); gForward .selectAll("path.road-forward") .data(road.map((r) => r.forwardLanesPolygon || [])) .join("path") .attr("class", "road-forward") .attr("d", (d) => `M${d.map((p) => x(p[0]) + " " + y(p[1])).join(" L ")}`) .attr("stroke", "blue") .attr("stroke-opacity", 0.7) .attr("fill", "blue") .attr("fill-opacity", 0.5); const gBackward = svg.append("g").attr("stroke-linecap", "round"); gBackward .selectAll("path.road-backward") .data(road.map((r) => r.backwardLanesPolygon || [])) .join("path") .attr("class", "road-backward") .attr("d", (d) => `M${d.map((p) => x(p[0]) + " " + y(p[1])).join(" L ")}`) .attr("stroke", "red") .attr("stroke-opacity", 0.7) .attr("fill", "red") .attr("fill-opacity", 0.5); const gRoad = svg.append("g").attr("stroke-linecap", "round"); gRoad .selectAll("path.road-road") .data(road, (d) => d.id) .join("path") .attr("class", "road-road") .attr( "d", (d) => `M${d.polygon.map((p) => x(p[0]) + " " + y(p[1])).join(" L ")}` ) .attr("stroke", (d) => "green") .attr("fill-opacity", 0.5); return [gRoad, gForward, gBackward]; })34:T4d4,function createDirection(svg, data) { const gDirection = svg .append("g") .attr("fill-opacity", 1) .attr("stroke-linecap", "round"); gDirection .selectAll("path.direction") .data(data) .join("path") .attr("class", "direction") .attr("d", drawDirection) .attr("stroke", (d) => z(d.heading)) .on("mouseover", (event, d) => { tooltip.style("visibility", "visible").text((d.heading * 180) / Math.PI); const _x = d.end[0] - d.start[0]; const _y = d.end[1] - d.start[1]; const size = Math.sqrt(_x * _x + _y * _y); d3.select("path.angle") .attr("opacity", 1) .attr("d", `M 100 60 l ${(_x * 30) / size} ${(-_y * 30) / size}`); d3.selectAll("path.path-hidden") .filter((dd) => dd.id === d.polygonId) .attr("opacity", 1) .attr("fill", () => z(d.heading)); }) .on("mousemove", (event) => { tooltip .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px"); }) .on("mouseout", () => { tooltip.style("visibility", "hidden"); d3.select("path.angle").attr("opacity", 0); d3.selectAll("path.path-hidden").attr("opacity", 0); }); return gDirection; }35:[{"id":"a7237b2da73310c150d97ed615aed56fd0a5d3fa041f85852eee33bf5e4f23baa3f5263712d7217a6682dcf07594c4b4fa03a389f97f3d18bfe04ba037fa99d9","href":"https://static.observableusercontent.com/files/a7237b2da73310c150d97ed615aed56fd0a5d3fa041f85852eee33bf5e4f23baa3f5263712d7217a6682dcf07594c4b4fa03a389f97f3d18bfe04ba037fa99d9","name":"road_roadSec@1.json","type":"application/json","lastModified":1665610555900.241,"size":62370},{"id":"b28350c9a6a12b3634596c2bd2393cf103af4d103802ed37fade1566d5acf03f5d32314814e843112a231e7168af5f2ac999b8b5083fefd5ab2255a875e2e30e","href":"https://static.observableusercontent.com/files/b28350c9a6a12b3634596c2bd2393cf103af4d103802ed37fade1566d5acf03f5d32314814e843112a231e7168af5f2ac999b8b5083fefd5ab2255a875e2e30e","name":"roadSec_laneSec@1.json","type":"application/json","lastModified":1665609971342.921,"size":132160},{"id":"1ea485c337c5877b62bab45cf930c3e492705749d903f47d63942672888d2ef0b7e2009b9be83397c1edf5c7077c75b524dbe3877ac6866c762cd711fb592b76","href":"https://static.observableusercontent.com/files/1ea485c337c5877b62bab45cf930c3e492705749d903f47d63942672888d2ef0b7e2009b9be83397c1edf5c7077c75b524dbe3877ac6866c762cd711fb592b76","name":"laneGroup_opposite@1.json","type":"application/json","lastModified":1665609943406.923,"size":75888},{"id":"3b649e682db7e968ba1beefb82ba1436cfa77d66aaa254a3af397859481929d1794ca6d696da148b23346a3ef2c8c8ca9c64900d7208f6b4b380ffc674adf2b9","href":"https://static.observableusercontent.com/files/3b649e682db7e968ba1beefb82ba1436cfa77d66aaa254a3af397859481929d1794ca6d696da148b23346a3ef2c8c8ca9c64900d7208f6b4b380ffc674adf2b9","name":"laneGroup@1.json","type":"application/json","lastModified":1665609930275.398,"size":46368},{"id":"51a23504b31f36e6e9b7df7bb0c53fcd99e02155bd37206773330a8824f2f02f7624b2285ecb06ad2c1273ed0a8ba4ee5fbbffc2d6d093a25956286330151836","href":"https://static.observableusercontent.com/files/51a23504b31f36e6e9b7df7bb0c53fcd99e02155bd37206773330a8824f2f02f7624b2285ecb06ad2c1273ed0a8ba4ee5fbbffc2d6d093a25956286330151836","name":"lane@1.json","type":"application/json","lastModified":1665609922413.022,"size":56640},{"id":"9dfbee0ac8940c840be0185e1fdba8507e21a79fab1a184433f308f07c6e8143e42d63fd66c2ea66b1ea9e6ebaeb1b0322c945a866fa5f8e037916446fd14cc3","href":"https://static.observableusercontent.com/files/9dfbee0ac8940c840be0185e1fdba8507e21a79fab1a184433f308f07c6e8143e42d63fd66c2ea66b1ea9e6ebaeb1b0322c945a866fa5f8e037916446fd14cc3","name":"intersection@1.json","type":"application/json","lastModified":1665609914651.171,"size":33864},{"id":"548717c6fc1637374aede7cfcea831d562fa5e0b8e4cea9e68ce416691bdc2d579cc9e5ed3fd8cd7e9b2b67f23f9a855582f0767e22f62afbc1f7c5e959e1e7a","href":"https://static.observableusercontent.com/files/548717c6fc1637374aede7cfcea831d562fa5e0b8e4cea9e68ce416691bdc2d579cc9e5ed3fd8cd7e9b2b67f23f9a855582f0767e22f62afbc1f7c5e959e1e7a","name":"road_laneGroup@1.json","type":"application/json","lastModified":1665609986494.812,"size":99498},{"id":"3617c84dc72dcd824604ece7fedbe62e564eda25fcc1377119f3a46e04c33213b567ba97c233f4bb714b11462de515e22b9a99a9461af73593f4ff836021c69a","href":"https://static.observableusercontent.com/files/3617c84dc72dcd824604ece7fedbe62e564eda25fcc1377119f3a46e04c33213b567ba97c233f4bb714b11462de515e22b9a99a9461af73593f4ff836021c69a","name":"laneGroup_Lane@1.json","type":"application/json","lastModified":1665609938063.611,"size":121540},{"id":"e3f836bc88bbbeeaff8c860ba91545ad0e0fdd96134f861254435e401120887dfed79c83ef6c74574dce8733490316f20b2c3fa830942feeb4b2a5bdb1d7e88a","href":"https://static.observableusercontent.com/files/e3f836bc88bbbeeaff8c860ba91545ad0e0fdd96134f861254435e401120887dfed79c83ef6c74574dce8733490316f20b2c3fa830942feeb4b2a5bdb1d7e88a","name":"road@1.json","type":"application/json","lastModified":1665609964305.603,"size":118962},{"id":"bec448d2e8b0274901a6dbf1db8b4fc3b57089931d125f5ce4c57d449af1766aee0bed1c1bab4fad8c3aaad92e415c1206f3dd07ff95a07805c9956f899b3761","href":"https://static.observableusercontent.com/files/bec448d2e8b0274901a6dbf1db8b4fc3b57089931d125f5ce4c57d449af1766aee0bed1c1bab4fad8c3aaad92e415c1206f3dd07ff95a07805c9956f899b3761","name":"laneSection@1.json","type":"application/json","lastModified":1665609949496.547,"size":195624},{"id":"925719647a71dbe685cfdb81e48db9c34066de963517d14b1273f70f98ead5fd64fca69881dd71be4328d0f29893c6a152860f2394d40ae6844626a9bb3ae2c3","href":"https://static.observableusercontent.com/files/925719647a71dbe685cfdb81e48db9c34066de963517d14b1273f70f98ead5fd64fca69881dd71be4328d0f29893c6a152860f2394d40ae6844626a9bb3ae2c3","name":"lane_LaneSec@1.json","type":"application/json","lastModified":1665609958012.106,"size":123900},{"id":"fd98af65e29b047bb2f42b3a9caf5808c5877f4a8603e22def85b7e0020616ddfa1c253bad252d6b74bc6ed78052c2edc45f8a9d8abd4c3163efef50f85665ab","href":"https://static.observableusercontent.com/files/fd98af65e29b047bb2f42b3a9caf5808c5877f4a8603e22def85b7e0020616ddfa1c253bad252d6b74bc6ed78052c2edc45f8a9d8abd4c3163efef50f85665ab","name":"roadSection@1.json","type":"application/json","lastModified":1665609976684.958,"size":105230},{"id":"550269f004b31b68330e941557f74c7671a368daa161240606495d842102ed39922923f19980aaab7baa8db81d5583c3d9258649fdd60ab862d05c4e786bb430","href":"https://static.observableusercontent.com/files/550269f004b31b68330e941557f74c7671a368daa161240606495d842102ed39922923f19980aaab7baa8db81d5583c3d9258649fdd60ab862d05c4e786bb430","name":"segment@1.json","type":"application/json","lastModified":1665610019315.909,"size":2405485},{"id":"e66711716e627cf382b58bf5eb14e18323a0624181e12979a9a105e7ed788a4f03c1f86bdb9736699c6f0d1533f1395ab221cacf211e630433703b4f2c1777e9","href":"https://static.observableusercontent.com/files/e66711716e627cf382b58bf5eb14e18323a0624181e12979a9a105e7ed788a4f03c1f86bdb9736699c6f0d1533f1395ab221cacf211e630433703b4f2c1777e9","name":"polygon@1.json","type":"application/json","lastModified":1665610567119.813,"size":2135068}] 30:{"title":"nuScene's boston-seaport road network: polygon types","cells":[{"id":0,"value":"# nuScene's boston-seaport road network: polygon types","pinned":false,"hidden":false,"mode":"md"},{"id":96,"value":"viewof reset = html`