25:["$","title",null,{"children":"Abortion Desert Scarf | Proud Taranat | Observable"}] 49:T960,canvas = { const tooltip = d3.select("body").append("div").attr("class", "tooltip"); const svg = d3.select(DOM.svg(width, height)) const g = svg.attr('width', width - margin.left) .attr('height', height + margin.top + margin.bottom) .append('g') .attr('transform', 'translate(' + margin.left + ', 0)') svg.selectAll('square') .data(data2) .enter() .append('rect') .attr('box-sizing','border-box') .attr('x', 0) .attr("y", (_, i) => i * boxSize) .attr('width', boxSize) .attr('height', boxSize) .attr('fill', '#e3c698') svg.selectAll('circle') .data(data2) .enter() .append('circle') .attr('cy', (_, i) => i * boxSize+ boxSize/2) .attr('cx', boxSize/2) .attr('r', radius) .attr('fill', "#f5ead5") const arc = d3.arc() .innerRadius(0) .outerRadius(radius); // Bind the data array to a selection of path elements const arcs = svg.selectAll("path") .data(data2); // Enter new arcs arcs.enter() .append("path") .merge(arcs) // Merge with existing arcs .attr("d", (d, i) => { const arcStartAngle = Math.PI; const arcEndAngle = Math.PI*2; return arc({ startAngle: arcStartAngle, endAngle: arcEndAngle, padAngle: 0.01 }); }) .attr("transform", d => `translate(${boxSize/2}, ${d.y}) rotate(${rotate_scale(d.Distance)})`) .attr("fill", (d) => status_scale(d.Status)); // Exit old arcs arcs.exit().remove(); //tooltips const tooltipRects = svg.selectAll('tooltip-rects') .data(data) .enter() .append('rect') .attr('x', 0) .attr("y", (_, i) => i * boxSize) .attr('width', boxSize) .attr('height', boxSize) .attr('fill', 'black') .attr('fill-opacity',0); tooltipRects.on("mouseover", (event, d) => { const current = event.currentTarget; d3.select(current) .raise() .attr('stroke', 'white') .attr('stroke-width','4') tooltip .style("visibility", "visible") .style("top", event.y + "px") .style("left", event.x + "px") .html(`

${d.State}

${d.Distance} Miles

`); }); tooltipRects.on("mouseout", (event, d) => { const current = event.currentTarget; d3.select(current).attr('stroke', 'none') tooltip.style("visibility", "hidden"); }); // return svg.node() }4a:[{"id":"7679db175b895d8bbcc5f21c2686606561a73e94b5418b29bbade269dd06864b480a1eb497e9e4c2afbfb8b80dc3364a2f1fc581aa6d7de1f3ce63097c1d8414","href":"https://static.observableusercontent.com/files/7679db175b895d8bbcc5f21c2686606561a73e94b5418b29bbade269dd06864b480a1eb497e9e4c2afbfb8b80dc3364a2f1fc581aa6d7de1f3ce63097c1d8414","name":"Desert scarf.csv","type":"text/csv","lastModified":1682629014847.934,"size":246},{"id":"76d032f4855d25e93dced203dba77aa5d615a74a6f5c938986293350748cdd55610f325c31a507f626c6147825494837309dd7ad7a17d29f7af627ded3c5d6fc","href":"https://static.observableusercontent.com/files/76d032f4855d25e93dced203dba77aa5d615a74a6f5c938986293350748cdd55610f325c31a507f626c6147825494837309dd7ad7a17d29f7af627ded3c5d6fc","name":"desert scarf final.csv","type":"text/csv","lastModified":1683215398615.718,"size":246}] 29:{"id":"db50939490c63c45","slug":null,"title":"Abortion Desert Scarf","thumbnail":"d9e01543047292f063e29e6b58672b83af1855f62bd72b423312eed7beacfc94","access_level":"public","create_time":"$D2023-04-27T17:03:12.139Z","update_time":"$D2023-09-06T16:58:28.288Z","view_time":null,"first_public_time":"$D2023-04-27T17:03:12.139Z","has_unpublished_edits":null,"fork":{"id":"5b6265c9538397a1","slug":null,"title":"Story Categorization","owner":{"id":"c745d6df528b2303","login":"ptaranat","name":"Proud Taranat"}},"stars":0,"starred":false,"owner":{"type":"team","id":"c745d6df528b2303","login":"ptaranat","name":"Proud Taranat","avatar_url":"https://avatars-next.observableusercontent.com/99887609c7f6918c0b83c8a4a5766c43c15349fc20cbdae2bbdbe8d031c6dd93","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":423,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e1a895ed0dbf506a","login":"ptaranat","name":"Proud Taranat","avatar_url":"https://avatars-next.observableusercontent.com/99887609c7f6918c0b83c8a4a5766c43c15349fc20cbdae2bbdbe8d031c6dd93","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"e1a895ed0dbf506a","login":"ptaranat","name":"Proud Taranat","avatar_url":"https://avatars-next.observableusercontent.com/99887609c7f6918c0b83c8a4a5766c43c15349fc20cbdae2bbdbe8d031c6dd93","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"270c2c2765afea73","slug":"capstone-project","title":"Data Driven Quilts","owner":{"id":"c745d6df528b2303","login":"ptaranat","name":"Proud Taranat"}},"type":"notebook","body":{"titling":"auto","title":"Abortion Desert Scarf","cells":[{"id":0,"value":"# Abortion Desert Scarf","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"canvas2 = {\n const tooltip = d3.select(\"body\").append(\"div\").attr(\"class\", \"tooltip\");\n const svg = d3.select(DOM.svg(width, height/5))\n const g = svg.attr('width', width - margin.left)\n .attr('height', height/5 + margin.top + margin.bottom)\n .append('g')\n .attr('transform', 'translate(' + margin.left + ', 0)')\n\n svg\n .append('rect')\n .attr('box-sizing','border-box')\n .attr('x', 0)\n .attr(\"y\", (_, i) => i * boxSize)\n .attr('width', boxSize)\n .attr('height', boxSize)\n .attr('fill', '#e3c698')\n\nreturn svg.node()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"test = y_scale(1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"boxSize = 300;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"rotate_scale = d3.scaleLinear()\n .domain([0,400])\n .range([0,90])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"y_scale = d3.scaleLinear() \n .domain([0,11])\n .range([height, 0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":339,"value":"radius = boxSize/2.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 = boxSize*11 + margin.top + margin.bottom","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":366,"value":"status_scale = d3.scaleOrdinal()\n .domain([\"Hostile\", \"Protected\", \"Illegal\"])\n .range(['#ff8b2b', '#ffbd42', '#b34317']);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"method_scale = d3.scaleSequential()\n .domain([1, 3])\n .range(['#ff8b2b', '#ffbd42', '#b34317']);\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"function getRandomInt(min, max) {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"margin = ({ top: 0, left: 0, right: 0, bottom: 0 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"data = desertScarfFinal","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"data2 = {\n for (let i = 0; i < data.length; i++) {\n data[i].y = i*boxSize + boxSize/2;\n}\n return data;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":415,"value":"desertScarfFinal = await FileAttachment(\"desert scarf final.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"desertScarfFinal","database":"$undefined"},{"id":363,"value":"desertScarf = await FileAttachment(\"Desert scarf.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"desertScarf","database":"$undefined"},{"id":408,"value":"style = html`\n\n\n\n\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