25:["$","title",null,{"children":"Beeswarm - Centres | vallvidrera | Observable"}] 49:T7a3,chart = { const svg = d3.create('svg') .attr('viewBox', [0, 0, width, height]); svg.append('g').call(xAxis); svg.selectAll('.line-visites') .data(x.ticks()) .join('line') .attr('class', 'line-visites') .attr('x1', d => x(d)) .attr('x2', d => x(d)) .attr('y1', 10) .attr('y2', height - margin.top) .attr('stroke-width', .6) .attr('stroke', 'lightgray'); svg.selectAll('.label-edat') .data(edat) .join('text') .attr('class', 'label-edat') .attr('x', 0) .attr('y', d => y(d)) .attr('text-align', 'right') .attr('alignment-baseline', 'right') .text(d => d); const simulation = d3.forceSimulation(data) .force('x', d3.forceX((d) => x(d.pacients)).strength(0.1)) .force('y', d3.forceY((d) => y(d.grups_edat)).strength(0.8)) .force('collide', d3.forceCollide(d => size(d.visites) + padding).strength(1)) .stop(); for(let i = 0; i < 300; i++) { simulation.tick(); } simulation.stop(); svg.selectAll('circle') .data(data) .join('circle') .attr('cx', d => d.x) .attr('cy', d => d.y) .attr('r', d => size(d.visites)) .attr('fill', d => color2(d.sexe)) .attr('opacity', .5); svg.selectAll("circle") .on("mouseover", function(d) { d3.select(this) .attr('stroke-width', '1') .attr("stroke", "black") tooltip .style("visibility", "visible") .html(`Franja d'edat: ${d.grups_edat}
Sexe: ${d.sexe}
Centre: ${d.centre}
Pacients: ${d.pacients}
Visites: ${(d.visites)}`) }) .on("mousemove", function() { tooltip .style("top", d3.event.pageY - 10 + "px") .style("left", d3.event.pageX + 10 + "px") }) .on("mouseout", function() { d3.select(this).attr('stroke-width', '0'); tooltip.style("visibility", "hidden"); }); return svg.node(); }4a:[{"id":"df13ffcd83d410bcaf853abd4412aad9daadc8381ba00d3aed3b44218858f6996eec1ba7d764ed7a1cad5fad79f210ff1c14b5a81d8a50eca1eb239d1d97d806","href":"https://static.observableusercontent.com/files/df13ffcd83d410bcaf853abd4412aad9daadc8381ba00d3aed3b44218858f6996eec1ba7d764ed7a1cad5fad79f210ff1c14b5a81d8a50eca1eb239d1d97d806","name":"td-més_centres.csv","type":"text/csv","lastModified":1699626221850.938,"size":84937}] 29:{"id":"f0fe98c11ae506b0","slug":null,"title":"Beeswarm - Centres","thumbnail":"4eeb9b257ce488070927ab7fe92bbef91c4ec9616e0272feaf6c9fc4d96c6b9b","access_level":"public","create_time":"$D2023-11-10T14:23:41.850Z","update_time":"$D2023-11-10T14:23:41.850Z","view_time":null,"first_public_time":"$D2023-11-10T14:23:41.850Z","has_unpublished_edits":null,"fork":{"id":"28efd12b1c2f7adc","slug":"beeswarm-centres","title":"Beeswarm - Centres","owner":{"id":"dc63de81f2766bde","login":"antonbardera","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"7a0e5279418ad7e1","login":"vallvidrera","name":"","avatar_url":"https://avatars-next.observableusercontent.com/053aef6d74b3799cf2b40a3abe1d9738f50f937f3d6cec847c6ce424ef76ba2e","tier":"starter_2024","bio":"","following":false},"version":262,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e31848beba177ab8","login":"vallvidrera","name":"","avatar_url":"https://avatars-next.observableusercontent.com/053aef6d74b3799cf2b40a3abe1d9738f50f937f3d6cec847c6ce424ef76ba2e","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"e31848beba177ab8","login":"vallvidrera","name":"","avatar_url":"https://avatars-next.observableusercontent.com/053aef6d74b3799cf2b40a3abe1d9738f50f937f3d6cec847c6ce424ef76ba2e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Beeswarm - Centres","cells":[{"id":0,"value":"md`# Beeswarm - Centres`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"data = FileAttachment(\"td-més_centres.csv\").csv();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"y = d3.scaleBand()\n .domain(edat)\n .range([height + margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"x = d3.scaleLinear()\n .domain([0,1300])\n .nice()\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"xAxis = g => g\n .attr('transform', `translate(0,${height +30 - margin.top})`)\n .call(d3.axisBottom(x))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"popExtent = {\n const bounds = data.map((d) => d.visites).sort(d3.ascending);\n return [bounds[0], bounds[bounds.length - 1]];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"size = d3.scaleSqrt()\n .domain(popExtent)\n .nice()\n .range([0.5, 5])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"dataExtent = {\n const bounds = data.map((d) => d.visites).sort(d3.ascending);\n return [bounds[0], bounds[bounds.length - 1]];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"edat = ['75+', '65-74', '55-64', '45-54', '35-44', '25-34', '18-24', '13-17', '6-12', '<6']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"sexe = ['Home', 'Dona']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"color = d3.scaleOrdinal()\n .domain(sexe)\n .range(d3.schemeTableau10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"color2 = d3.scaleOrdinal().range(['#f27522', '#5fa2c1'])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"tooltip = d3\n .select(\"body\")\n .append(\"div\")\n .attr(\"class\", \"svg-tooltip\")\n .style(\"position\", \"absolute\")\n .style(\"visibility\", \"hidden\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"radius = 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"padding = 0.5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"height = 1100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"margin = ({\n left: 120,\n right: 120,\n top: 100,\n bottom: 0\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"import { style } from '@connorrothschild/styles'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"import {form} from \"@mbostock/form-input\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"specificStyles = html`\n `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null