31: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]; })32: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]; })33: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; }34:[{"id":"3b4a149e09e53147d058622c22651fee602f953b256efd7e0e396a58e1c3d74233f2f01874fdf18e3190e08ae88130f3f162d9b3f4c4b4e42057f046af011890","href":"https://static.observableusercontent.com/files/3b4a149e09e53147d058622c22651fee602f953b256efd7e0e396a58e1c3d74233f2f01874fdf18e3190e08ae88130f3f162d9b3f4c4b4e42057f046af011890","name":"polygon.json","type":"application/json","lastModified":1654083683595.368,"size":8163079},{"id":"8be8e38a58a7061fe8f94fc5632b6951137200460dfd3c673b2dbce2476ecf5e6dd79cc99873990e9341f6a39de557a9f8938456dab440cb8aa6a5839ae0ca5e","href":"https://static.observableusercontent.com/files/8be8e38a58a7061fe8f94fc5632b6951137200460dfd3c673b2dbce2476ecf5e6dd79cc99873990e9341f6a39de557a9f8938456dab440cb8aa6a5839ae0ca5e","name":"roadSection.json","type":"application/json","lastModified":1654083683595.368,"size":189844},{"id":"b2bae5b44ba6bf0e9d8506a0275786b4041a8092bb43bbf5107615d3756242e40af33b45130db5ddec2d90586553e329803f3e5f70c3c5591e5e7980b2ce29f9","href":"https://static.observableusercontent.com/files/b2bae5b44ba6bf0e9d8506a0275786b4041a8092bb43bbf5107615d3756242e40af33b45130db5ddec2d90586553e329803f3e5f70c3c5591e5e7980b2ce29f9","name":"segment.json","type":"application/json","lastModified":1654083683595.368,"size":6675504},{"id":"8b34715595dc686ac50f4ca7159c591e46838ccde3a373a5e13f758805b3973e6c97a9b35c7b2647af559b4c051acc040fb9f5981427a57fb2c447a9c0bebc5b","href":"https://static.observableusercontent.com/files/8b34715595dc686ac50f4ca7159c591e46838ccde3a373a5e13f758805b3973e6c97a9b35c7b2647af559b4c051acc040fb9f5981427a57fb2c447a9c0bebc5b","name":"laneGroup_opposite.json","type":"application/json","lastModified":1654083714213.038,"size":106488},{"id":"14c895bf49f35a8a949bad4e2be55b56ac420dfe0adcfd0aeb14c045a74b219e10b252610fe7c865a416665e47325e667848cdb61417241cfc3c24366f171acd","href":"https://static.observableusercontent.com/files/14c895bf49f35a8a949bad4e2be55b56ac420dfe0adcfd0aeb14c045a74b219e10b252610fe7c865a416665e47325e667848cdb61417241cfc3c24366f171acd","name":"laneGroup.json","type":"application/json","lastModified":1654083713982.867,"size":76704},{"id":"ca82a216cc481fcf3b262e4c1b4698162e49098f82d95a478cd583bf902ec1854a5c910f6d16f9d94f0a340f7dab7bd259e290231f66734e020ae5ad31fd6a64","href":"https://static.observableusercontent.com/files/ca82a216cc481fcf3b262e4c1b4698162e49098f82d95a478cd583bf902ec1854a5c910f6d16f9d94f0a340f7dab7bd259e290231f66734e020ae5ad31fd6a64","name":"laneSection.json","type":"application/json","lastModified":1654083714436.543,"size":360316},{"id":"4ba8e88522e88748283b65512ceae351759ecaeb6d1eca84c587d52cae02a6f9fab9675becf8b29bb19304cba36fee9ad68081d5f5d84d5c2f5626814c9c4bcf","href":"https://static.observableusercontent.com/files/4ba8e88522e88748283b65512ceae351759ecaeb6d1eca84c587d52cae02a6f9fab9675becf8b29bb19304cba36fee9ad68081d5f5d84d5c2f5626814c9c4bcf","name":"lane_LaneSec.json","type":"application/json","lastModified":1654083714397.015,"size":221865},{"id":"63994dae3a64793b692c0df512785a8dcf9a44bc47d7aca27303582753886eed2ef1135bd11b8acf6a72a70f3c27a92a6602336bb54755e5f3d83b44e45ebfed","href":"https://static.observableusercontent.com/files/63994dae3a64793b692c0df512785a8dcf9a44bc47d7aca27303582753886eed2ef1135bd11b8acf6a72a70f3c27a92a6602336bb54755e5f3d83b44e45ebfed","name":"roadSec_laneSec.json","type":"application/json","lastModified":1654083714282.794,"size":236656},{"id":"6bf33108e5a4b0c938185931121ef4ba27ff5dc83eba11aec40356b0747288c6c100cdb16d27dd0fd29679b205edd0dc4aa8d93f72e1949ee7cf3996033b392c","href":"https://static.observableusercontent.com/files/6bf33108e5a4b0c938185931121ef4ba27ff5dc83eba11aec40356b0747288c6c100cdb16d27dd0fd29679b205edd0dc4aa8d93f72e1949ee7cf3996033b392c","name":"road_roadSec.json","type":"application/json","lastModified":1654083714288.171,"size":112665},{"id":"c61b87e1f5255da9f4d9e4d4c216e7c924c0f1d673d440b58f97cf5d4c1d9c14dcaf3e6b01fcf5ec214fd3d0b9948fc28a901ab65c60d5153314b54d0f1da8c5","href":"https://static.observableusercontent.com/files/c61b87e1f5255da9f4d9e4d4c216e7c924c0f1d673d440b58f97cf5d4c1d9c14dcaf3e6b01fcf5ec214fd3d0b9948fc28a901ab65c60d5153314b54d0f1da8c5","name":"laneGroup_Lane.json","type":"application/json","lastModified":1654083714259.127,"size":217639},{"id":"2fe5686d971609f979e7e393a5da55f9aac083211ea7faeaf6283a5cb8ceae6e97ab0f1e1eb541486b02e20c688c60a5017ac6de5e18a2d315d6b689ac4f8b2a","href":"https://static.observableusercontent.com/files/2fe5686d971609f979e7e393a5da55f9aac083211ea7faeaf6283a5cb8ceae6e97ab0f1e1eb541486b02e20c688c60a5017ac6de5e18a2d315d6b689ac4f8b2a","name":"intersection.json","type":"application/json","lastModified":1654083714140.265,"size":107304},{"id":"7547a282cd8a95584541482bcb4ac1657d7a5fe3c95c973993392d292c187fe2b38651003fba3b4d9ce2e9cbdcfd9009160192c63f2f857870ad5aec91329790","href":"https://static.observableusercontent.com/files/7547a282cd8a95584541482bcb4ac1657d7a5fe3c95c973993392d292c187fe2b38651003fba3b4d9ce2e9cbdcfd9009160192c63f2f857870ad5aec91329790","name":"road_laneGroup.json","type":"application/json","lastModified":1654083714186.748,"size":164285},{"id":"1833359e57bac1ce8dc43f67290396b9cab8ff84cced9a170d0185d1e9b0bc403d578b8c6147214defb737d68c79940c38e714602c29cd37105a67cda62d7da8","href":"https://static.observableusercontent.com/files/1833359e57bac1ce8dc43f67290396b9cab8ff84cced9a170d0185d1e9b0bc403d578b8c6147214defb737d68c79940c38e714602c29cd37105a67cda62d7da8","name":"lane.json","type":"application/json","lastModified":1654083714146.683,"size":101424},{"id":"95250f560a72465083d9e862a9236427f8277e7d5b12e27a2828a0fcfb4f98b62ea207eefe73ed32d43a0de70e278f3a033c5057bba2e467cbd52e4864ab3bd2","href":"https://static.observableusercontent.com/files/95250f560a72465083d9e862a9236427f8277e7d5b12e27a2828a0fcfb4f98b62ea207eefe73ed32d43a0de70e278f3a033c5057bba2e467cbd52e4864ab3bd2","name":"road.json","type":"application/json","lastModified":1654083714312.497,"size":251855}] 2f:{"title":"nuScene's road network","cells":[{"id":0,"value":"# nuScene's road network","pinned":false,"hidden":false,"mode":"md"},{"id":96,"value":"viewof reset = html`