44:null 45:["$","title",null,{"children":"Internal migrations in France - EN (24020) | Marc Thevenin | Observable"}] 4b:Tb48,boxPlotGraph = { const content = html`

${display} ${viewof rWidth}

Scope: Flows from and to metropolitan France (excluding overseas departments) and Corsica.

Source: INSEE, 2022 population census, supplementary tabulation.

`; return fullscreen(content, "boxPlotGraph", {target:".plot1", inBox: true, lang:"en", title:"Changes of municipality in the year preceding the census, by territory type (2022) ", fsMax: "clamp(1000px, 50vw, 1500px)"}); }4c:T1163,plot = { const Width = rWidth; const Height = Width > 600 ? 0.6 * Width : Width > 400 ? 0.65 * Width : 350; const color = colorScale; const svg = d3.create("svg").attr("viewBox", [0, 0, Width, Height]); const {sankey, sankeyLinkHorizontal} = sankeyLib; const graph = sankey() .nodeId(d => d.id) .nodeWidth(config.nodeWidth) .nodePadding(config.nodePadding) .nodeSort((a, b) => config.nodeOrder.indexOf(a.label) - config.nodeOrder.indexOf(b.label)) .extent([[config.margin.left, config.margin.top], [Width - config.margin.right, Height - config.margin.bottom]]) ({nodes: nodes.map(d => ({...d})), links: links.map(d => ({...d}))}); // flux svg.append("g") .selectAll("path") .data(graph.links) .join("path") .attr("class", "flow-link") .attr("d", sankeyLinkHorizontal()) .attr("fill", "none") .attr("stroke", (d, i) => `url(#gradient-${i})`) .attr("stroke-opacity", d => isVisible(d) ? 0.5 : 0) .attr("stroke-linejoin", "round") .attr("stroke-width", d => Math.max(1, d.width)) .on("click", function(event, d) { if (!isVisible(d)) return; createTooltip.toggleFreeze(linkTooltipHTML(d), event); }) .on("mouseover", function(event, d) { if (!isVisible(d)) return; svg.selectAll("path.flow-link") .interrupt("hover").transition("hover").duration(200) .attr("stroke-opacity", p => isVisible(p) ? 0.1 : 0); d3.select(this) .interrupt("hover").transition("hover").duration(200) .attr("stroke-opacity", 1); createTooltip.show(linkTooltipHTML(d)); createTooltip.move(event); }) .on("mousemove", function(event, d) { if (!isVisible(d)) return; createTooltip.move(event); }) .on("mouseout", function() { svg.selectAll("path.flow-link") .interrupt("hover").transition("hover").duration(200) .attr("stroke-opacity", d => isVisible(d) ? 0.5 : 0); createTooltip.hide(); }); // dégradés const defs = svg.append("defs"); graph.links.forEach((d, i) => { const gradient = defs.append("linearGradient") .attr("id", `gradient-${i}`) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", d.source.x1).attr("x2", d.target.x0) .attr("y1", (d.y0 + d.y1) / 2).attr("y2", (d.y0 + d.y1) / 2); gradient.append("stop").attr("offset", "0%").attr("stop-color", color(d.source.label)); gradient.append("stop").attr("offset", "100%").attr("stop-color", color(d.target.label)); }); const node = svg.append("g").selectAll("g").data(graph.nodes).join("g"); const anchorOf = d => d.id.endsWith("_D") ? "left" : "right"; // rectangles gauche/droite node.append("rect") .attr("x", d => d.x0).attr("y", d => d.y0) .attr("width", d => d.x1 - d.x0).attr("height", d => d.y1 - d.y0) .attr("fill", d => color(d.label)) .attr("stroke", "black") .attr("stroke-width", 1) .on("mouseover", (event, d) => createTooltip.show(nodeTooltipHTML(d), event, anchorOf(d))) .on("mousemove", (event, d) => createTooltip.move(event, anchorOf(d))) .on("mouseout", () => createTooltip.hide()) .on("click", (event, d) => createTooltip.toggleFreeze(nodeTooltipHTML(d), event, anchorOf(d))); // étiquettes node.append("text") .attr("y", d => (d.y0 + d.y1) / 2) .attr("text-anchor", d => d.x0 < Width / 2 ? "end" : "start") .style("font-family", config.font) .style("font-size", config.fontSize) .attr("fill", config.colorText) .each(function(d) { const lines = labelLines.get(d.label) ?? [d.label]; const lineHeight = 1.1; const x = d.x0 < Width / 2 ? d.x0 - 10 : d.x1 + 10; const startDy = -((lines.length - 1) * lineHeight) / 2 + 0.35; d3.select(this) .selectAll("tspan") .data(lines) .join("tspan") .attr("x", x) .attr("dy", (line, i) => i === 0 ? `${startDy}em` : `${lineHeight}em`) .text(line => line); }); // titres de colonnes const colTitle = (x, anchor, text) => svg.append("text") .attr("x", x).attr("y", 10).attr("text-anchor", anchor) .style("font-family", config.font) .style("font-size", config.fontSize) .style("font-weight", "bold") .attr("fill", config.colorText) .text(text); colTitle(config.margin.left + 20, "end", "Before migration"); colTitle(Width - config.margin.right - 20, "start", "After migration"); return svg.node(); }4d:T8a6,createTooltip = { const tooltip = d3.select(document.body) .append("div") .attr("class", "sankey-tooltip") .style("position", "fixed") .style("opacity", 0) .style("z-index", 1000) .style("background", "white") .style("border", "1px solid rgba(0,0,0,0.25)") .style("border-radius", "8px") .style("box-shadow", "0 4px 16px rgba(0,0,0,0.15)") .style("font-family", config.font) .style("font-size", "13px") .style("color", config.colorText) .style("overflow", "hidden") .style("max-width", "260px") .style("transition", "opacity 150ms ease") let frozen = false const closeBtn = tooltip.append("div") .style("position", "absolute") .style("top", "4px").style("right", "7px") .style("cursor", "pointer") .style("font-size", "13px") .style("color", "rgba(0,0,0,0.5)") .style("display", "none") .text("✕") .on("click", () => { frozen = false closeBtn.style("display", "none") tooltip.style("opacity", 0) }) const content = tooltip.append("div") function position(event, anchor = "right") { const offset = 14 if (anchor === "left") { tooltip.style("left", `${event.clientX - offset}px`).style("transform", "translate(-100%, 0)") } else { tooltip.style("left", `${event.clientX + offset}px`).style("transform", "translate(0, 0)") } tooltip.style("top", `${event.clientY + offset}px`) } function show(html, event, anchor = "right") { if (frozen) return content.html(html) if (event) position(event, anchor) tooltip.style("opacity", 1) } function move(event, anchor = "right") { if (!frozen) position(event, anchor) } function hide() { if (!frozen) tooltip.style("opacity", 0) } function toggleFreeze(html, event, anchor = "right") { if (frozen) { frozen = false closeBtn.style("display", "none") tooltip.style("opacity", 0) } else { frozen = true content.html(html) if (event) position(event, anchor) closeBtn.style("display", "block") tooltip.style("opacity", 1) } } invalidation.then(() => tooltip.remove()) return {show, hide, move, toggleFreeze} }4e:T495,function linkTooltipHTML(d) { const c1 = colorScale(d.source.label); const c2 = colorScale(d.target.label); const gradient = `linear-gradient(to right, ${c1}, ${c2})`; const value = Math.round(d.value).toLocaleString("en-US"); const fmt = p => p.toFixed(1); let html; if (sens === "Departed from") { html = `${value} people left ${d.source.label} for ${d.target.label}
i.e. ${fmt(d.pDep)}% of departures from ${d.source.label}`; } else { // ligne inversée pour retrouver le bon pArr, même logique que pour les rects const inverse = source.find(s => s.origine === d.target.label && s.destination === d.source.label); const pArr = inverse ? fmt(inverse.pArr) : "?"; html = `${value} people arrived in ${d.target.label} from ${d.source.label}
i.e. ${pArr}% of arrivals in ${d.target.label}`; } return `

${html}

`; }4f:T529,boxPlotSynthese = html`

${viewof legendSynthese}

${plotTot} ${plotIntra} ${plotSolde} ${viewof rWidth}

`50:[{"id":"489186452a0c641af4ea94991fcedbb1453228ed949ea7989332beb86ad980e2f8a8208bb318ee60b23a97bf4b81a0cd2dbfb6e2d76daeefc5e397e8b17f488e","href":"https://static.observableusercontent.com/files/489186452a0c641af4ea94991fcedbb1453228ed949ea7989332beb86ad980e2f8a8208bb318ee60b23a97bf4b81a0cd2dbfb6e2d76daeefc5e397e8b17f488e","name":"dfD3@3.csv","type":"text/csv","lastModified":1785752454223.263,"size":2381},{"id":"7d031ba818b3c447f99f4caec3f8e225ec03876b71dbe520401273a93c7b5673f87d0dfce421edc54c289a8011d896e93bb8fa18b087fd7b0355af12ed43d163","href":"https://static.observableusercontent.com/files/7d031ba818b3c447f99f4caec3f8e225ec03876b71dbe520401273a93c7b5673f87d0dfce421edc54c289a8011d896e93bb8fa18b087fd7b0355af12ed43d163","name":"dfD3.csv","type":"text/csv","lastModified":1785752320297.853,"size":2377},{"id":"5799488c97713e2fbe65ee05b9e00faf8e3a10366eaa79604050b93ec27b6a22dda7125e01f19ac9bdc1b859c1a928c860717d6a701604e5b7e0d9ff2a618ad5","href":"https://static.observableusercontent.com/files/5799488c97713e2fbe65ee05b9e00faf8e3a10366eaa79604050b93ec27b6a22dda7125e01f19ac9bdc1b859c1a928c860717d6a701604e5b7e0d9ff2a618ad5","name":"Capture d’écran 2026-08-05 090116.png","type":"image/png","lastModified":1785913324619.096,"size":127563},{"id":"c247f00d228d00d09d48f730f66b876b0f3d40c093bb0b0ec38416ecd9cd273d83aee7d19de0709438c4514ead4231590071fedad4f9c2e3c1a6a01cf5f70284","href":"https://static.observableusercontent.com/files/c247f00d228d00d09d48f730f66b876b0f3d40c093bb0b0ec38416ecd9cd273d83aee7d19de0709438c4514ead4231590071fedad4f9c2e3c1a6a01cf5f70284","name":"dfD3@1.csv","type":"text/csv","lastModified":1785752376847.531,"size":2384},{"id":"479688f74b3ce06423deac5e5eb48a3978b954eced5bc613523f687522a3f2be0fe430e96f665740740450ddb0dc16ec3c23f46b6fa8c649a78ef0762764fda6","href":"https://static.observableusercontent.com/files/479688f74b3ce06423deac5e5eb48a3978b954eced5bc613523f687522a3f2be0fe430e96f665740740450ddb0dc16ec3c23f46b6fa8c649a78ef0762764fda6","name":"dfD3@2.csv","type":"text/csv","lastModified":1785752412314.369,"size":2382},{"id":"489186452a0c641af4ea94991fcedbb1453228ed949ea7989332beb86ad980e2f8a8208bb318ee60b23a97bf4b81a0cd2dbfb6e2d76daeefc5e397e8b17f488e","href":"https://static.observableusercontent.com/files/489186452a0c641af4ea94991fcedbb1453228ed949ea7989332beb86ad980e2f8a8208bb318ee60b23a97bf4b81a0cd2dbfb6e2d76daeefc5e397e8b17f488e","name":"dfD3@4.csv","type":"text/csv","lastModified":1785752552502.992,"size":2381},{"id":"84d3280d399a2f7937cae6e544179e032f20e18d3af5b445c56acd801647ed1329fbb0857186370b255b9ecbd6c81156c918c53c9e37f9060f938596957f2b62","href":"https://static.observableusercontent.com/files/84d3280d399a2f7937cae6e544179e032f20e18d3af5b445c56acd801647ed1329fbb0857186370b255b9ecbd6c81156c918c53c9e37f9060f938596957f2b62","name":"dfD3@5.csv","type":"text/csv","lastModified":1785752760977.886,"size":2383},{"id":"7b9e90bc495f9a2c57dba66e791f58100246425b04ed12cd983d8d42bd9c45870b7c1b57ea02383577d200f7e20066e24ce2488307e398884fb98ccfc7ad1a8b","href":"https://static.observableusercontent.com/files/7b9e90bc495f9a2c57dba66e791f58100246425b04ed12cd983d8d42bd9c45870b7c1b57ea02383577d200f7e20066e24ce2488307e398884fb98ccfc7ad1a8b","name":"dfD3@6.csv","type":"text/csv","lastModified":1785753005796.516,"size":2378}] 49:{"id":"60513e4ab18d2458","slug":"internal-migrations-in-france-en-24020","title":"Internal migrations in France - EN (24020)","thumbnail":"0256fdb1ac184890a9056fc23f9145f43ea02754135b7a169487eb75eef35c19","access_level":"public","create_time":"$D2026-10-15T08:10:53.414Z","update_time":"$D2026-10-15T08:35:03.559Z","view_time":null,"first_public_time":"$D2026-10-15T08:27:20.945Z","has_unpublished_edits":null,"fork":{"id":"ca7c9478f910ee3d","slug":null,"title":"Sankey migrations internes - note de conjoncture Ined 2025 - FR - 24020","owner":{"id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin"}},"stars":0,"starred":false,"owner":{"type":"team","id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/77392368125040ba6be18f10a6f777723377ed43e0a6fd6f583fa8dc2ea0ff56","tier":"pro_2026","bio":"Statistical Engineer at the french National Institute for Demographic Studies (INED)","following":false},"version":1246,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b5b022ef44e3d3a2","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/77392368125040ba6be18f10a6f777723377ed43e0a6fd6f583fa8dc2ea0ff56","tier":null,"bio":"Statistical Engineer at the french National Institute for Demographic Studies (INED)","following":false}],"members":[{"type":"team","id":"2982f8baffd2d3ed","login":"mthevenin","name":"Marc Thevenin","avatar_url":"https://avatars-next.observableusercontent.com/77392368125040ba6be18f10a6f777723377ed43e0a6fd6f583fa8dc2ea0ff56","tier":"pro_2026","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Internal migrations in France - EN (24020)","cells":[{"id":0,"value":"# Internal migrations in France - EN (24020)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":952,"value":"articleLink({\n kicker: \"Recent Demographic Trends in France 2025\",\n lang: \"en\",\n en: { url: \"https://www.ined.fr/en/all-about-population/data-graphs/contrasting-demographics-rural-and-urban-spaces-france#internal-migrations\",\n title: \"Changes of municipality in the year preceding the census, by territory type (2022) \" },\n fr: { url: \"https://www.ined.fr/fr/tout-savoir-population/chiffres-graphiques-tableaux/contrastes-demographiques-francais-rural-urbain#migrations_internes\",\n title: \"Les changements de commune dans l’année précédant le recensement, suivant les types de territoire (2022)\" }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"pal100 = [\n \"#ff564e\", //rouge\n \"#ff7aad\", //rose\n \"#522673\", //mauve\n \"#074dff\", //bleu\n \"#5cd49e\", //vert\n \"#ffb322\", //jaune\n \"#4f4f4f\", //gray\n \"#ff362d\", //red dark\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"source = {\n const labelEN = new Map([\n [\"Urbain\", \"Urban\"],\n [\"Petites polarités\", \"Small hubs\"],\n [\"Ruralités productives\", \"Production-based rurality\"],\n [\"Ruralités résidentielles\", \"Residential rurality\"],\n [\"Ruralités touristiques\", \"Tourism-based rurality\"]\n ]);\n const raw = await FileAttachment(\"dfD3@6.csv\").csv({typed: true});\n return raw.map(d => ({\n ...d,\n origine: labelEN.get(d.origine) ?? d.origine,\n destination: labelEN.get(d.destination) ?? d.destination\n }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"// nodes : toujours les 5 zones, statique\nnodes = config.domain.flatMap(label => [\n {id: label + \"_O\", label},\n {id: label + \"_D\", label}\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"// links : TOUJOURS complet, jamais filtré — la structure du graphe ne bouge plus\nlinks = source.map(d => ({\n source: d.origine + \"_O\",\n target: d.destination + \"_D\",\n value: d.valeur,\n pDep: d.pDep,\n pArr: d.pArr\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"sankeyLib = require(\"d3-sankey@0.12\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"nodeOrder = [\n \"Urban\",\n \"Small hubs\",\n \"Production-based rurality\",\n \"Residential rurality\",\n \"Tourism-based rurality\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"categoryColors = new Map([\n [\"Urban\", pal100[0]],\n [\"Small hubs\", pal100[2]],\n [\"Production-based rurality\", pal100[3]],\n [\"Residential rurality\", pal100[4]],\n [\"Tourism-based rurality\", pal100[5]]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"md`### config`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"config = {\n const wide = rWidth > 600;\n\n // l'espace entre aires et la largeur des rectangles s'adaptent à la taille de l'écran\n const nodePadding = Math.max(10, Math.min(15, width * 0.05));\n const nodeWidth = Math.max(8, Math.min(20, width * 0.02));\n\n return {\n margin: {\n top: 20,\n right: wide ? 150 : 90,\n bottom: 20,\n left: wide ? 150 : 90\n },\n font: \"poppins, sans-serif\",\n fontSize: \"clamp(9px,2cqw,15px)\",\n colorText: \"#414141\",\n domain: [...categoryColors.keys()],\n range: [...categoryColors.values()],\n nodeOrder,\n nodePadding,\n nodeWidth\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"md`### inputs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"viewof choixZone = legIned(config.domain,config.range, {width:\"100%\",\n lang:\"en\",\n fontSize:\"clamp(10px,2cqw,14px)\",\n vertical: rWidth>500 ? false : true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":956,"value":"viewof sens = radioIned({list: [\"Departed from\", \"Arrived in\"],\n value: \"Departed from\", label: \"\", direction:\"row\", fontSize:\"clamp(10px,2cqw,14px)\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"function isVisible(d) {\n const zone = sens === \"Departed from\" ? d.source.label : d.target.label;\n return choixZone.includes(zone);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"labelLines = new Map([\n [\"Urban\", [\"Urban\"]],\n [\"Small hubs\", [\"Small\", \"hubs\"]],\n [\"Production-based rurality\", [\"Production-based\", \"rurality\"]],\n [\"Residential rurality\", [\"Residential\", \"rurality\"]],\n [\"Tourism-based rurality\", [\"Tourism-based\", \"rurality\"]]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"md`## Plot`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"animatedPlot = {\n const svg = d3.select(plot)\n const linkSel = svg.selectAll(\"path.flow-link\")\n\n linkSel.each(function() {\n const length = this.getTotalLength()\n d3.select(this)\n .attr(\"stroke-dasharray\", `${length} ${length}`)\n .attr(\"stroke-dashoffset\", length)\n })\n\nlinkSel.transition(\"appear\")\n .delay((d, i) => (i / linkSel.size()) * 400)\n .duration(700)\n .ease(d3.easeCubicInOut)\n .attr(\"stroke-dashoffset\", 0)\n\n return plot\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"md`## Tooltip`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"colorScale = d3.scaleOrdinal().domain(config.domain).range(config.range)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"nodeTotals = {\n const totals = new Map()\n config.domain.forEach(label => {\n const totalOut = source.filter(d => d.origine === label).reduce((s, d) => s + d.valeur, 0)\n const totalIn = source.filter(d => d.destination === label).reduce((s, d) => s + d.valeur, 0)\n totals.set(label, {totalOut, totalIn})\n })\n return totals\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"function nodeTooltipHTML(d) {\n const {totalOut, totalIn} = nodeTotals.get(d.label);\n const isOrigin = d.id.endsWith(\"_O\");\n const totalLabel = isOrigin ? \"Total departures\" : \"Total arrivals\";\n const value = isOrigin ? totalOut : totalIn;\n\n return `

\n ${d.label}
\n ${totalLabel}: ${Math.round(value).toLocaleString(\"en-US\")}\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":622,"value":"md`### Synthèse`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":954,"value":"viewof choixSynthese = toggleIned({label:\"Show summary\", fontSize:\"clamp(11px,2cqw,14px)\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"synthese = {\n const total = d3.sum(source, d => d.valeur);\n const intra = d3.sum(source.filter(d => d.origine === d.destination), d => d.valeur);\n const rows = config.domain.map(z => {\n const out = d3.sum(source.filter(d => d.origine === z), d => d.valeur);\n const inn = d3.sum(source.filter(d => d.destination === z), d => d.valeur);\n const intraZ = d3.sum(source.filter(d => d.origine === z && d.destination === z), d => d.valeur);\n return {\n zone: z,\n sorties: Math.round(out),\n entrées: Math.round(inn),\n solde: Math.round(inn - out),\n pIntraZ: intraZ / out * 100\n };\n });\n return {\n total: Math.round(total),\n fluxIntraZone: Math.round(intra),\n partIntraZone: (100 * intra / total).toFixed(1) + \" %\",\n bilans: rows\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"dfSynt = synthese.bilans","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"df = dfSynt.flatMap(({zone, sorties, entrées}) => [\n {zone, type: \"Departures\", n: sorties},\n {zone, type: \"Arrivals\", n: entrées}\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":709,"value":"viewof legendSynthese = legIned(config.domain,config.range, \n {interactive:false, swatchWidth:20, scale:.8, fontSize:\"clamp(9px,2cqw,13px)\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"plotTot = Plot.plot({\n width: rWidth,\n marginLeft: rWidth > 600 ? 100 : 70,\n marginRight: config.margin.right - 50,\n marginTop: 0,\n subtitle: \"Volumes\",\n x: {ticks: width > 600 ? 5 : 2, tickFormat: d => d.toLocaleString(\"en-US\"), label: null, domain: [0, synthese.total], grid: true},\n y: {ticks: width > 600 ? 5 : 3, label: null, tickSize: 0, domain: [\"Departures\", \"Arrivals\"]},\n color: {legend: false, domain: config.domain, range: config.range},\n marks: [\n Plot.barX(df, {x: \"n\", y: \"type\", fill: \"zone\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"plotSolde = Plot.plot({\n width: rWidth,\n marginLeft: rWidth > 600 ? 100 : 10,\n marginRight: config.margin.right - 50,\n marginTop: 0,\n subtitle: \"Net migration\",\n x: {ticks: width > 600 ? 5 : 3, tickFormat: d => d.toLocaleString(\"en-US\"), label: null, grid: true},\n y: {label: null, tickSize: 0, axis: false},\n color: {legend: false, domain: config.domain, range: config.range},\n marks: [\n Plot.barX(dfSynt, {x: \"solde\", y: \"zone\", fill: \"zone\", sort: {y: \"x\"}}),\n Plot.ruleX([0], {strokeWidth: 0.5})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"plotIntra = Plot.plot({\n width: rWidth,\n marginLeft: rWidth > 600 ? 100 : 10,\n marginRight: config.margin.right - 50,\n marginTop: 0,\n subtitle: \"% of moves within the same type of territory\",\n x: {ticks: width > 600 ? 10 : 5, tickFormat: d => d.toLocaleString(\"en-US\"), label: null, grid: true},\n y: {label: null, tickSize: 0, axis: false},\n color: {legend: false, domain: config.domain, range: config.range},\n marks: [\n Plot.barX(dfSynt, {x: \"pIntraZ\", y: \"zone\", fill: \"zone\", sort: {y: \"x\"}}),\n Plot.ruleX([0], {strokeWidth: 0.5})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":628,"value":"display = html`

${viewof sens}

${viewof choixZone}

\n${animatedPlot}\n

${viewof choixSynthese}

\n${choixSynthese ? boxPlotSynthese : \"\"}\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":947,"value":"## Importations","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":948,"value":"import {legIned} from '@mthevenin/legined'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":955,"value":"import {toggleIned, radioIned} from '@mthevenin/inputined'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":949,"value":"import {fullscreen, rWidthView} from '@mthevenin/fullscreen'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":950,"value":"viewof rWidth = rWidthView({invalidation})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":951,"value":"import {articleLink} from '@mthevenin/popsoc'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W50","stdlib":"1"}} 4a:"$49:body"