3e:null 3f:["$","title",null,{"children":"port big odesa 1 map | data-lab | Observable"}] 45:T47a,vis1 = { const chartWidth = width > 650 ? Math.floor((Math.min(width, 940) - mapCardGap) / 2) : Math.max(280, width - 20); const chartHeight = Math.round(chartWidth * 0.7875); const cards = mapDates.map((date) => { const count = mapPoints.filter((d) => d.date === date).length; return html`

${mapLabel(date)}

${count} суден

${shipMap(date, { w: chartWidth, h: chartHeight })}

`; }); return html`

Судна в портах Великої Одеси

${cards}

${mapSource}

`; }46:T68b,function shipMap(date, { w, h }) { const points = mapPoints.filter((d) => d.date === date); const projection = makeProjection(w, h); const tile = d3_ .tile() .size([w, h]) .scale(projection.scale() * 2 * Math.PI) .translate(projection([0, 0])); const tiles = tile(); const placeLabels = [ { name: "ОДЕСА", lon: 30.7, lat: 46.55 }, { name: "ПОРТ ПІВДЕННИЙ", lon: 31.02, lat: 46.64 }, { name: "ЧОРНОМОРСЬК", lon: 30.69, lat: 46.3 } ]; return Plot.plot({ width: w, height: h, margin: 0, style: { fontSize: 14, background: "#eef3f6" }, projection, marks: [ () => svg``, Plot.dot(points, { x: "lon", y: "lat", r: 4.5, fill: pointColor, stroke: "white", strokeWidth: 1, fillOpacity: 0.9, title: (d) => `${d.zone} Довжина: ${d.length_m == null ? "немає даних" : d.length_m + " м"} Клас: ${d.size_class}` }), Plot.text(placeLabels, { x: "lon", y: "lat", text: "name", fill: "#666", fontSize: 12, fontWeight: 300 // stroke: "white" // strokeWidth: 3 }) ] }); }47:[{"id":"da50a48257059a961dd959ec791f657367039d892189e982f5dda55c6f637b814af71a8fb845bb059d2892ed6c8fddcbf136762adf9e977f3849e616366ee19c","href":"https://static.observableusercontent.com/files/da50a48257059a961dd959ec791f657367039d892189e982f5dda55c6f637b814af71a8fb845bb059d2892ed6c8fddcbf136762adf9e977f3849e616366ee19c","name":"kyiv_oblast_solar_map_v2.csv","type":"text/csv","lastModified":1785228068987.956,"size":221816},{"id":"6615d86ccee443ae814bd590f700e7f5cfc601b7d6bc3def233c6f240a7b1df4c687f6a17829e23644b5c18ec24ce022a69a58dccca4c60f55c889e0b85b697b","href":"https://static.observableusercontent.com/files/6615d86ccee443ae814bd590f700e7f5cfc601b7d6bc3def233c6f240a7b1df4c687f6a17829e23644b5c18ec24ce022a69a58dccca4c60f55c889e0b85b697b","name":"ukraine_map_main.json","type":"application/json","lastModified":1785228068987.956,"size":39743},{"id":"97692aad5c06985bfda9bb9d286698fd8ec609d9ab5e677dd0dd3af821097b79e29e37ace6f38ddfcb8eb0e98854ed3d4c7254f7c3d017ace31724358c8934b6","href":"https://static.observableusercontent.com/files/97692aad5c06985bfda9bb9d286698fd8ec609d9ab5e677dd0dd3af821097b79e29e37ace6f38ddfcb8eb0e98854ed3d4c7254f7c3d017ace31724358c8934b6","name":"sar_ships_velyka_odesa_2026-06-03_2026-07-22.csv","type":"text/csv","lastModified":1785228126169.698,"size":29901}] 43:{"id":"b1bb37b4ceaaf3e2","slug":null,"title":"port big odesa 1 map","thumbnail":"ff87c2b6d255ad2295850b52947ccadf4198dc5fd81c4b8b6860ff0c5aac4346","access_level":"public","create_time":"$D2026-07-28T08:41:08.987Z","update_time":"$D2026-07-28T13:36:15.180Z","view_time":null,"first_public_time":"$D2026-07-28T08:41:08.987Z","has_unpublished_edits":null,"fork":{"id":"c93081677442bcb6","slug":null,"title":"solar kyiv oblast","owner":{"id":"4d72365432a21036","login":"data-lab","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"4d72365432a21036","login":"data-lab","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5ef3e55a07e7e93b9f705441da61ea92b2221fd514da19cf2f785fa33256efec","tier":"starter_2024","bio":"","following":false},"version":3196,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6886b4af7abe4967","login":"data-lab","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5ef3e55a07e7e93b9f705441da61ea92b2221fd514da19cf2f785fa33256efec","tier":null,"bio":"","following":false}],"members":[{"type":"team","id":"4d72365432a21036","login":"data-lab","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5ef3e55a07e7e93b9f705441da61ea92b2221fd514da19cf2f785fa33256efec","tier":"starter_2024","role":"editor"},{"type":"individual","id":"6886b4af7abe4967","login":"data-lab","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5ef3e55a07e7e93b9f705441da61ea92b2221fd514da19cf2f785fa33256efec","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"port big odesa 1 map","cells":[{"id":0,"value":"# port big odesa 1 map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3151,"value":"sar_data = FileAttachment(\n \"sar_ships_velyka_odesa_2026-06-03_2026-07-22.csv\"\n).csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2844,"value":"shipData = sar_data\n .map((d) => ({\n ...d,\n date: String(d.date),\n lon: +d.lon,\n lat: +d.lat,\n length_m: d.length_m === \"\" ? null : +d.length_m,\n is_artifact: String(d.is_artifact).toLowerCase() === \"true\"\n }))\n .filter(\n (d) => Number.isFinite(d.lon) && Number.isFinite(d.lat) && !d.is_artifact\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2846,"value":"heading = md`## Судна у Великій Одесі\n\nSAR-виявлення без артефактів; кожна крапка — одне судно.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1464,"value":"url = (x, y, z) =>\n `https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/${z}/${y}/${x}`\n\n// url = (x, y, z) =>\n// `https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/${z}/${y}/${x}`\n\n// url = (x, y, z) =>\n// `https://basemaps.cartocdn.com/dark_all/${z}/${x}/${y}.png`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1028,"value":"d3_ = require(\"d3-geo@3\", \"d3-tile@1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1030,"value":"mapDates = [\"2026-06-15\", \"2026-07-22\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1116,"value":"mapLabels = new Map([\n [\"2026-06-15\", \"15 червня\"],\n [\"2026-07-22\", \"22 липня\"]\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1243,"value":"pointColor = \"#163a5f\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2535,"value":"mapPoints = shipData.filter(\n (d) =>\n mapDates.includes(d.date) && (d.date !== \"2026-07-22\" || d.length_m >= 100)\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2172,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3005,"value":"shipCounts = mapDates.map((date) => ({\n date,\n label: mapLabel(date),\n ships: mapPoints.filter((d) => d.date === date).length\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2564,"value":"mapSource = \"Сервіси для відстеження суден у реальному часі\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2906,"value":"mapPadding = 18","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2579,"value":"mapCardGap = 24","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2939,"value":"mapLabel = (date) => mapLabels.get(date) ?? date","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2941,"value":"makeProjection = (w, h) => {\n const features = mapPoints.map((d) => ({\n type: \"Feature\",\n geometry: { type: \"Point\", coordinates: [d.lon, d.lat] }\n }));\n const fitted = d3_.geoMercator().fitExtent(\n [\n [mapPadding, mapPadding],\n [w - mapPadding, h - mapPadding]\n ],\n { type: \"FeatureCollection\", features }\n );\n const center = fitted.invert([w / 2, h / 2]);\n return d3_\n .geoMercator()\n .center(center)\n .scale(fitted.scale() * 0.75)\n .translate([w / 2, h / 2]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1288,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 44:"$43:body"