29:null 2a:["$","title",null,{"children":"Langstreckenflüge | RND | Observable"}] 2f:T5f8,langstrecke_map = Plot.plot({ width, insetTop: 10, projection: { type: "equirectangular", rotate: [360, 0] }, marks: [ // Land () => insetShadow, Plot.geo(countries_global, { fill: "#c9d8df", imageFilter: "url(#inset-shadow)" }), // Borders Plot.geo(countries_global, { stroke: "white", strokeOpacity: 0.7 }), // Beelines Plot.geo(beeline_sin_jfk, { stroke: "#4f80ff", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_sin_ewr, { stroke: "#e84f1c", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_doh_akl, { stroke: "#6bb024", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_akl_jfk, { stroke: "#4f80ff", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_per_lhr, { stroke: "#e84f1c", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_mel_dfw, { stroke: "#6bb024", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_dxb_akl, { stroke: "#4f80ff", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_sin_lax, { stroke: "#e84f1c", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_blr_sfo, { stroke: "#6bb024", strokeWidth: 1.5, strokeOpacity: 0.7 }), Plot.geo(beeline_iah_syd, { stroke: "#e84f1c", strokeWidth: 1.5, strokeOpacity: 0.7 }) ] })30:T7cc,function circleLegend({ scale, fill = "none", stroke = "#99AFC2", marginTop = 5, marginRight = 50, marginBottom = 15, marginLeft = 5, ticks = 3, tickSize = 5, tickFormat = (d) => d, tickValues, color = "#99AFC2", tickStroke = "#99AFC2", tickStrokeDash = "4, 2", tickFont = "12px sans-serif", tickWrap = false, tickWrapSpacing = 12 } = {}) { ticks = tickValues || scale.ticks(ticks); const r = scale(d3.max(ticks)); const width = r * 2 + marginRight; const height = r * 2 + marginBottom; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("fill", color) .attr("viewBox", [-marginLeft, -marginTop, width, height]) .attr("overflow", "visible"); svg .selectAll("circle") .data(ticks) .join("circle") .sort((a, b) => b - a) .attr("fill", fill) .attr("stroke", stroke) .attr("cx", r) .attr("cy", scale) .attr("r", scale); svg .selectAll("line") .data(ticks) .join("line") .attr("stroke", tickStroke) .attr("stroke-dasharray", tickStrokeDash) .attr("x1", r) .attr("x2", tickSize + r * 2) .attr("y1", (d) => scale(d) * 2) .attr("y2", (d) => scale(d) * 2); const ticksFormatted = ticks .map((d, i, g) => ({ d, text: tickFormat(d, i, g) })) .map((d) => ({ ...d, lines: getLines(d.text, marginRight - (tickSize + 3), tickFont) })); const tickLabels = svg .selectAll("text") .data(ticksFormatted) .join("text") .attr( "transform", ({ d }) => `translate(${r * 2 + tickSize + 3}, ${scale(d) * 2})` ) .style("font", tickFont); if (tickWrap) { tickLabels .selectAll("tspan") .data((d) => d.lines) .join("tspan") .attr("x", 0) .attr("y", (d, i, g) => (i - g.length / 2 + 0.8) * tickWrapSpacing) .text((d) => d.text); } else { tickLabels.attr("dominant-baseline", "middle").text((d) => d.text); } return svg.node(); }31:Tf23,style = html`

`32:[{"id":"188394b9f8af552deb4f0019a7df370b4e65f9616c0d045cfcf10b5fac6fa894703a6f898125257d9a31c6e9c230633f6d19cf89c1e8a525ed491152208238df","href":"https://static.observableusercontent.com/files/188394b9f8af552deb4f0019a7df370b4e65f9616c0d045cfcf10b5fac6fa894703a6f898125257d9a31c6e9c230633f6d19cf89c1e8a525ed491152208238df","name":"countries_global.geojson","type":"application/geo+json","lastModified":1732027162329.552,"size":4815873},{"id":"8055a508a45bbc4be76f1ac41396a3b07f0b372812017df3d9c03d8243bd90523f9dcd1b220abb5b7e8a3eab89b621d5566b403bb7141769bd68e544a2f50765","href":"https://static.observableusercontent.com/files/8055a508a45bbc4be76f1ac41396a3b07f0b372812017df3d9c03d8243bd90523f9dcd1b220abb5b7e8a3eab89b621d5566b403bb7141769bd68e544a2f50765","name":"beelines@1.geojson","type":"application/geo+json","lastModified":1736760341438.863,"size":99208}] 2d:{"id":"13bd0a2b755d7b6f","slug":null,"title":"Langstreckenflüge","thumbnail":"54d0a7186c769147af54d9553b9d3723e0c0a95eee68b8423f0344accbb92af1","access_level":"public","create_time":"$D2024-11-19T14:39:22.329Z","update_time":"$D2025-01-13T09:25:46.568Z","view_time":null,"first_public_time":"$D2024-11-19T14:39:22.329Z","fork":{"id":"846ee7b5ee7543eb","slug":"vulkane","title":"Vulkane","owner":{"id":"b8db01b7dd27a055","login":"rnd","name":"RND"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024"},"version":353,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null}],"members":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null,"role":"editor"},{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Langstreckenflüge","cells":[{"id":0,"value":"# Langstreckenflüge","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":214,"value":"title_langstrecke = html`\n

Die zehn längsten Flugstrecken

\n Flugverbindungen mit der größten Distanz weltweit\n

\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"credits_langstrecke = md`Karte: RND/Christ • Quelle: meilenoptimieren.com`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"countries_global = FileAttachment(\"countries_global.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"beelines = FileAttachment(\"beelines@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"beeline_akl_jfk = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_akl_jfk.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"beeline_blr_sfo = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_blr_sfo.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"beeline_doh_akl = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_doh_akl.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"beeline_dxb_akl = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_dxb_akl.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"beeline_iah_syd = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_iah_syd.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":313,"value":"beeline_mel_dfw = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_mel_dfw.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":317,"value":"beeline_per_lhr = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_per_lhr.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"beeline_sin_ewr = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_sin_ewr.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"beeline_sin_jfk = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_sin_jfk.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"beeline_sin_lax = d3.json(\n \"https://static.rndtech.de/share/rnd/geojson/beeline_sin_lax.geojson\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"import { getLabelLength } from \"@bayre/svg-swatches\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"// adapted from https://observablehq.com/@mbostock/fit-text-to-circle\ngetLines = (text, targetWidth, textStyle = \"12px sans-serif\") => {\n const words = text.toString().split(/\\s+/g); // To hyphenate: /\\s+|(?<=-)/\n if (!words[words.length - 1]) words.pop();\n if (!words[0]) words.shift();\n let line;\n let lineWidth0 = Infinity;\n const lines = [];\n for (let i = 0, n = words.length; i < n; ++i) {\n let lineText1 = (line ? line.text + \" \" : \"\") + words[i];\n let lineWidth1 = getLabelLength(lineText1, textStyle);\n if ((lineWidth0 + lineWidth1) / 2 < targetWidth) {\n line.width = lineWidth0 = lineWidth1;\n line.text = lineText1;\n } else {\n lineWidth0 = getLabelLength(words[i], textStyle);\n line = { width: lineWidth0, text: words[i] };\n lines.push(line);\n }\n }\n return lines;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"import { insetShadow } from \"@ateliercartographie/plot-bar-map\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"