2b:null 2c:["$","title",null,{"children":"Bipartite Network Graph - Apple TV Movies by Country | Ekaette @MultiHyphs | Observable"}] 31:T5b3,html`

Bipartite Network Graph - Apple TV Movies by Country

${chart}

Executive Summary

This bar chart highlights geographic trends in gluten-free availability, showing which cities are growing fastest and where demand is increasing. Businesses can use these insights to prioritize expansion, optimize inventory, and target high-growth markets, reducing waste and improving supply chain efficiency. This supports better location-based decision-making, lowers operational costs, and maximizes return on investment.

The data reveals city-level demand trends that lodging platforms and hotel operators can use to guide expansion and pricing strategies. High-growth cities signal where to increase listings, invest in partnerships, or adjust dynamic pricing, while slower-growth areas highlight opportunities to reduce costs or rebalance inventory. These insights enable more efficient resource allocation, improved occupancy rates, and reduced operational waste, ultimately supporting stronger profitability and more strategic decision-making.

${tableChart}

`32:T1e9d,graphData = ({ nodes: [ // --- MOVIES (group 1) --- { id: "F1", group: 1 }, { id: "Outcome", group: 1 }, { id: "Eternity", group: 1 }, { id: "Finch", group: 1 }, { id: "Fountain of Youth", group: 1 }, { id: "Ghosted", group: 1 }, { id: "Greyhound", group: 1 }, { id: "Highest 2 Lowest", group: 1 }, { id: "Luck", group: 1 }, { id: "Napoleon", group: 1 }, { id: "The Family Plan", group: 1 }, // --- COUNTRIES (group 2) --- { id: "Belgium", group: 2 }, { id: "Argentina", group: 2 }, { id: "Armenia", group: 2 }, { id: "Bolivia", group: 2 }, { id: "Brazil", group: 2 }, { id: "Cambodia", group: 2 }, { id: "Chile", group: 2 }, { id: "Colombia", group: 2 }, { id: "Costa Rica", group: 2 }, { id: "Czech Republic", group: 2 }, { id: "Denmark", group: 2 }, { id: "Dominican Republic", group: 2 }, { id: "Ecuador", group: 2 }, { id: "Egypt", group: 2 }, { id: "Finland", group: 2 }, { id: "Germany", group: 2 }, { id: "Greece", group: 2 }, { id: "Guatemala", group: 2 }, { id: "Honduras", group: 2 }, { id: "Hong-Kong", group: 2 }, { id: "Hungary", group: 2 }, { id: "India", group: 2 }, { id: "Indonesia", group: 2 }, { id: "Italy", group: 2 }, { id: "Japan", group: 2 }, { id: "Jordan", group: 2 }, { id: "Latvia", group: 2 }, { id: "Malaysia", group: 2 }, { id: "Mauritius", group: 2 }, { id: "Mexico", group: 2 }, { id: "Moldova", group: 2 }, { id: "Mongolia", group: 2 }, { id: "Nicaragua", group: 2 }, { id: "Oman", group: 2 }, { id: "Panama", group: 2 }, { id: "Peru", group: 2 }, { id: "Philippines", group: 2 }, { id: "Poland", group: 2 }, { id: "Salvador", group: 2 }, { id: "Singapore", group: 2 }, { id: "Slovakia", group: 2 }, { id: "Slovenia", group: 2 }, { id: "South Korea", group: 2 }, { id: "Spain", group: 2 }, { id: "Sri Lanka", group: 2 }, { id: "Taiwan", group: 2 }, { id: "Tajikistan", group: 2 }, { id: "Thailand", group: 2 }, { id: "United Arab Emirates", group: 2 }, { id: "Venezuela", group: 2 }, { id: "Vietnam", group: 2 }, { id: "Paraguay", group: 2 }, { id: "Dominica", group: 2 }, { id: "Gambia", group: 2 }, { id: "Grenada", group: 2 }, { id: "Namibia", group: 2 }, { id: "Bahrain", group: 2 }, { id: "Laos", group: 2 }, { id: "Ghana", group: 2 }, { id: "Lebanon", group: 2 }, { id: "Mozambique", group: 2 }, { id: "Sweden", group: 2 }, { id: "Uganda", group: 2 }, { id: "Bahamas", group: 2 }, { id: "Niger", group: 2 }, { id: "Azerbaijan", group: 2 }, { id: "Australia", group: 2 }, { id: "Austria", group: 2 }, { id: "Belarus", group: 2 }, { id: "Bulgaria", group: 2 }, { id: "Canada", group: 2 }, { id: "Cyprus", group: 2 }, { id: "Estonia", group: 2 }, { id: "Fiji", group: 2 }, { id: "France", group: 2 }, { id: "Ireland", group: 2 }, { id: "Israel", group: 2 }, { id: "Lithuania", group: 2 }, { id: "Luxembourg", group: 2 }, { id: "Malta", group: 2 }, { id: "Netherlands", group: 2 }, { id: "New Zealand", group: 2 }, { id: "Norway", group: 2 }, { id: "Portugal", group: 2 }, { id: "South Africa", group: 2 }, { id: "Switzerland", group: 2 }, { id: "Ukraine", group: 2 }, { id: "United Kingdom", group: 2 }, { id: "United States", group: 2 }, { id: "Botswana", group: 2 }, { id: "Trinidad and Tobago", group: 2 }, { id: "Belize", group: 2 } ], links: [ { source: "Belgium", target: "Eternity" }, // --- F1 CLUSTER --- { source: "Argentina", target: "F1" }, { source: "Armenia", target: "F1" }, { source: "Bolivia", target: "F1" }, { source: "Brazil", target: "F1" }, { source: "Cambodia", target: "F1" }, { source: "Chile", target: "F1" }, { source: "Colombia", target: "F1" }, { source: "Costa Rica", target: "F1" }, { source: "Czech Republic", target: "F1" }, { source: "Denmark", target: "F1" }, { source: "Dominican Republic", target: "F1" }, { source: "Ecuador", target: "F1" }, { source: "Egypt", target: "F1" }, { source: "Finland", target: "F1" }, { source: "Germany", target: "F1" }, { source: "Greece", target: "F1" }, { source: "Guatemala", target: "F1" }, { source: "Honduras", target: "F1" }, { source: "Hong-Kong", target: "F1" }, { source: "Hungary", target: "F1" }, { source: "India", target: "F1" }, { source: "Indonesia", target: "F1" }, { source: "Italy", target: "F1" }, { source: "Japan", target: "F1" }, { source: "Jordan", target: "F1" }, { source: "Latvia", target: "F1" }, { source: "Malaysia", target: "F1" }, { source: "Mauritius", target: "F1" }, { source: "Mexico", target: "F1" }, { source: "Moldova", target: "F1" }, { source: "Mongolia", target: "F1" }, { source: "Nicaragua", target: "F1" }, { source: "Oman", target: "F1" }, { source: "Panama", target: "F1" }, { source: "Peru", target: "F1" }, { source: "Philippines", target: "F1" }, { source: "Poland", target: "F1" }, { source: "Salvador", target: "F1" }, { source: "Singapore", target: "F1" }, { source: "Slovakia", target: "F1" }, { source: "Slovenia", target: "F1" }, { source: "South Korea", target: "F1" }, { source: "Spain", target: "F1" }, { source: "Sri Lanka", target: "F1" }, { source: "Taiwan", target: "F1" }, { source: "Tajikistan", target: "F1" }, { source: "Thailand", target: "F1" }, { source: "United Arab Emirates", target: "F1" }, { source: "Venezuela", target: "F1" }, { source: "Vietnam", target: "F1" }, { source: "Paraguay", target: "Finch" }, { source: "Dominica", target: "Fountain of Youth" }, { source: "Gambia", target: "Ghosted" }, { source: "Grenada", target: "Ghosted" }, { source: "Namibia", target: "Ghosted" }, { source: "Bahrain", target: "Greyhound" }, { source: "Laos", target: "Greyhound" }, { source: "Ghana", target: "Highest 2 Lowest" }, { source: "Lebanon", target: "Highest 2 Lowest" }, { source: "Mozambique", target: "Highest 2 Lowest" }, { source: "Sweden", target: "Highest 2 Lowest" }, { source: "Uganda", target: "Highest 2 Lowest" }, { source: "Bahamas", target: "Luck" }, { source: "Niger", target: "Luck" }, { source: "Azerbaijan", target: "Napoleon" }, // --- OUTCOME CLUSTER --- { source: "Australia", target: "Outcome" }, { source: "Austria", target: "Outcome" }, { source: "Belarus", target: "Outcome" }, { source: "Bulgaria", target: "Outcome" }, { source: "Canada", target: "Outcome" }, { source: "Cyprus", target: "Outcome" }, { source: "Estonia", target: "Outcome" }, { source: "Fiji", target: "Outcome" }, { source: "France", target: "Outcome" }, { source: "Ireland", target: "Outcome" }, { source: "Israel", target: "Outcome" }, { source: "Lithuania", target: "Outcome" }, { source: "Luxembourg", target: "Outcome" }, { source: "Malta", target: "Outcome" }, { source: "Netherlands", target: "Outcome" }, { source: "New Zealand", target: "Outcome" }, { source: "Norway", target: "Outcome" }, { source: "Portugal", target: "Outcome" }, { source: "South Africa", target: "Outcome" }, { source: "Switzerland", target: "Outcome" }, { source: "Ukraine", target: "Outcome" }, { source: "United Kingdom", target: "Outcome" }, { source: "United States", target: "Outcome" }, { source: "Botswana", target: "The Family Plan" }, { source: "Trinidad and Tobago", target: "The Family Plan" }, { source: "Belize", target: "The Family Plan" } ] })33:T1077,chart = { const width = 1920; const height = 1080; // --- DATA (CLONED) --- const nodes = graphData.nodes.map(d => ({ ...d })); const links = graphData.links.map(d => ({ ...d })); // --- SVG SETUP --- const svg = d3.create("svg") .attr("viewBox", `0 0 ${width} ${height}`) .style("background", "#fbf1f4") // light pink .style("font-family", "Arial, sans-serif") .style("font-weight", "bold"); // --- DEFINITIONS (3D SPHERES) --- const defs = svg.append("defs"); // COUNTRY GRADIENT const countryGradient = defs.append("radialGradient") .attr("id", "country-gradient") .attr("fx", "30%") .attr("fy", "30%"); countryGradient.append("stop") .attr("offset", "0%") .attr("stop-color", "#6fe3d3"); countryGradient.append("stop") .attr("offset", "100%") .attr("stop-color", "#007f73"); // MOVIE GRADIENT const movieGradient = defs.append("radialGradient") .attr("id", "movie-gradient") .attr("fx", "30%") .attr("fy", "30%"); movieGradient.append("stop") .attr("offset", "0%") .attr("stop-color", "#ff7a9a"); movieGradient.append("stop") .attr("offset", "100%") .attr("stop-color", "#a8002a"); // --- LINKS --- const link = svg.append("g") .attr("stroke", "#444") .attr("stroke-opacity", 0.5) .selectAll("line") .data(links) .join("line"); // --- NODES --- const node = svg.append("g") .selectAll("g") .data(nodes) .join("g"); // CIRCLES (SPHERES) node.append("circle") .attr("r", d => d.group === 1 ? 22 : 10) .attr("fill", d => d.group === 1 ? "url(#movie-gradient)" : "url(#country-gradient)") .attr("stroke", "rgba(0,0,0,0.15)"); // LABELS (STAGGERED) node.filter(d => d.group === 2).append("text") .text(d => d.id) .attr("fill", "black") .attr("font-size", d => d.group === 1 ? 16 : 11) .attr("dx", 14) .attr("dy", (d, i) => i % 2 === 0 ? -6 : 12); // stagger // --- SIMULATION --- const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id).distance(90)) .force("charge", d3.forceManyBody().strength(-160)) // stronger separation .force("center", d3.forceCenter(width / 2, height / 2)) .force("collision", d3.forceCollide().radius(d => d.group === 1 ? 75 : 28)) .force("x", d3.forceX(width / 2).strength(0.05)) .force("y", d3.forceY(height / 2).strength(0.05)); // --- BURST ANIMATION START --- nodes.forEach(d => { d.x = width / 2; d.y = height / 2; }); // --- BOUNDARY CONSTRAINT --- function clamp(node) { const padding = 50; node.x = Math.max(padding, Math.min(width - padding, node.x)); node.y = Math.max(padding, Math.min(height - padding, node.y)); } // --- TICK --- simulation.on("tick", () => { nodes.forEach(clamp); link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); node.attr("transform", d => `translate(${d.x},${d.y})`); movieLabels.each(function() { const g = d3.select(this); const text = g.select("text"); const rect = g.select("rect"); const bbox = text.node().getBBox(); rect .attr("x", bbox.x - 6) .attr("y", bbox.y - 3) .attr("width", bbox.width + 12) .attr("height", bbox.height + 6); }); }); // --- DRAG --- node.call(d3.drag() .on("start", (event, d) => { if (!event.active) simulation.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y; }) .on("drag", (event, d) => { d.fx = event.x; d.fy = event.y; }) .on("end", (event, d) => { if (!event.active) simulation.alphaTarget(0); d.fx = null; d.fy = null; })); //---Movie labels--- const movieLabels = node .filter(d => d.group === 1) .append("g"); movieLabels.append("text") .text(d => d.id) .attr("font-family", "Arial") .attr("font-weight", "bold") .attr("fill", "black") .attr("text-anchor", "middle") .attr("dy", "2.6em"); movieLabels.insert("rect", "text") .attr("fill", "white") .attr("opacity", 0.9) .attr("rx", 6) .attr("ry", 6); return svg.node(); }34:T1129,tableChart = { const width = 1400; const height = 500; const links = graphData.links; // TABLE DATA const tableData = links.map(d => ({ country: d.source.id || d.source, movie: d.target.id || d.target })); // GROUPED DATA const grouped = d3.groups(tableData, d => d.movie) .map(([movie, values]) => ({ movie, count: values.length })); // CONTAINER const container = d3.create("div") .style("display", "grid") .style("grid-template-columns", "40% 20% 40%") .style("background", "#fbf1f4") .style("font-family", "Arial") .style("padding", "20px"); // ================= TABLE ================= const table = container.append("div"); const header = table.append("div") .style("display", "grid") .style("grid-template-columns", "60% 40%") .style("border-bottom", "3px solid #00A699") .style("padding", "10px 0") .style("font-weight", "bold"); header.append("div").text("Country"); header.append("div").text("Top Movie"); const rows = table.selectAll(".row") .data(tableData) .enter() .append("div") .style("display", "grid") .style("grid-template-columns", "60% 40%") .style("padding", "6px 0") .style("opacity", 0); rows.append("div").text(d => d.country); rows.append("div").text(d => d.movie); rows.transition() .delay((d, i) => i * 15) .style("opacity", 1); // ================= VOLUME MAP ================= const svg = container.append("svg") .attr("width", width * 0.4) .attr("height", height); const scaleFactor = 6; grouped.forEach(d => { let r = Math.sqrt(d.count) * scaleFactor + 12; if (d.count === 1) r *= 0.5; d.r = r; }); // POSITION MOVIE CIRCLES const simulation = d3.forceSimulation(grouped) .force("x", d3.forceX((width * 0.4) / 2).strength(0.08)) .force("y", d3.forceY(height / 2).strength(0.08)) .force("collide", d3.forceCollide(d => d.r + 30)) .stop(); for (let i = 0; i < 250; i++) simulation.tick(); const movieGroups = svg.selectAll("g") .data(grouped) .enter() .append("g") .attr("transform", d => `translate(${d.x}, ${d.y})`); // ================= 🔴 OUTER ARC ================= const arc = d3.arc() .innerRadius(0) .outerRadius(d => d.r) .startAngle(-Math.PI / 2); movieGroups.append("path") .datum(d => ({ ...d, endAngle: -Math.PI / 2 })) .attr("fill", "#E51D52") .attr("opacity", 0.95) .attr("d", arc) .transition() .duration(1200) .ease(d3.easeCubicOut) .attrTween("d", function(d) { const i = d3.interpolate(-Math.PI / 2, 1.5 * Math.PI); return t => { d.endAngle = i(t); return arc(d); }; }); // ================= 🟢 FLOATING DOTS ================= movieGroups.each(function(d) { const group = d3.select(this); const dotData = d3.range(d.count).map(() => ({ x: (Math.random() - 0.5) * d.r * 0.5, y: (Math.random() - 0.5) * d.r * 0.5 })); const dots = group.selectAll("circle.inner") .data(dotData) .enter() .append("circle") .attr("r", 6) .attr("fill", "#00A699") .attr("opacity", 0); const sim = d3.forceSimulation(dotData) .alpha(0.6) .alphaDecay(0) // never stop .velocityDecay(0.35) // smooth calm motion .force("collide", d3.forceCollide(7)) .force("driftX", d3.forceX(0).strength(0.003)) .force("driftY", d3.forceY(0).strength(0.003)) .stop(); sim.on("tick", () => { dotData.forEach(p => { const dist = Math.sqrt(p.x * p.x + p.y * p.y); const max = d.r - 8; if (dist > max) { const angle = Math.atan2(p.y, p.x); p.x = Math.cos(angle) * max; p.y = Math.sin(angle) * max; } }); dots .attr("cx", d => d.x) .attr("cy", d => d.y); }); // FADE IN THEN START FLOATING dots.transition() .delay(1200) .duration(600) .attr("opacity", 1) .on("end", () => { sim.alpha(0.6).restart(); }); }); // ================= LABELS ================= movieGroups.append("text") .text(d => d.movie) .attr("text-anchor", "middle") .attr("y", d => d.r + 18) .attr("font-size", 12) .attr("font-weight", "bold") .attr("fill", "black"); return container.node(); }35:[] 2f:{"id":"ec60ccc8f8c24716","slug":null,"title":"Bipartite Network Graph - Apple TV Movies by Country","thumbnail":"7548e317be36419a8ee62d35fd663abd459898740638643041120fc018b93d57","access_level":"unlisted","create_time":"$D2026-05-27T00:14:21.236Z","update_time":"$D2026-05-27T23:18:58.911Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"723694178de5f42f","login":"ekaette-multihyphs","name":"Ekaette @MultiHyphs","avatar_url":"https://avatars-next.observableusercontent.com/382dfa7c6aeaf8a2119aff47cd626956b56e24b56f67f5fcac9f83b82d24c18b","tier":"starter_2024"},"version":73,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"801a54980e684d7c","login":"ekaettes","name":"Ekaette @MultiHyphs","avatar_url":"https://avatars-next.observableusercontent.com/382dfa7c6aeaf8a2119aff47cd626956b56e24b56f67f5fcac9f83b82d24c18b","tier":null}],"members":[{"type":"team","id":"723694178de5f42f","login":"ekaette-multihyphs","name":"Ekaette @MultiHyphs","avatar_url":"https://avatars-next.observableusercontent.com/382dfa7c6aeaf8a2119aff47cd626956b56e24b56f67f5fcac9f83b82d24c18b","tier":"starter_2024","role":"editor"},{"type":"individual","id":"801a54980e684d7c","login":"ekaettes","name":"Ekaette @MultiHyphs","avatar_url":"https://avatars-next.observableusercontent.com/382dfa7c6aeaf8a2119aff47cd626956b56e24b56f67f5fcac9f83b82d24c18b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Bipartite Network Graph - Apple TV Movies by Country","cells":[{"id":0,"value":"# Bipartite Network Graph - Apple TV Movies by Country","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":70,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"d3 = require(\"d3@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"//\n// GLOBAL ANIMATION TOGGLE\n//\n// Turn OFF to pause all animations\n// and improve notebook performance.\n//\n\nviewof playing = Inputs.toggle({\n label: \"Animate\",\n value: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"//\n// DUPLICATE CONTROL BUTTON\n//\n// This controls the SAME animation state\n// as the main toggle above.\n//\n\nInputs.bind(\n Inputs.toggle({ label: \"Animate\" }),\n viewof playing\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"