25:["$","title",null,{"children":"Archery Target (Sixth) | richardpearce60 | Observable"}] 49:T175e,{ const svg = DOM.svg(targetContainerDimensions ,targetContainerDimensions); let targetMain = d3.select(svg).append('g') .attr('transform',`translate(${targetContainerDimensions/2},${targetContainerDimensions/2} )`) let fontSizeArcLables = 13; let targetAreas = targetMain.selectAll('circle') .data(targetProps) .join( (enter)=>{ let entered = enter.append('circle') .attr("cx",(d)=>d.x - (targetContainerDimensions/2)) .attr("cy",(d)=>d.y - (targetContainerDimensions/2)) .attr("r",(d)=>d.r) .attr("fill",(d)=>d.f) .attr("stroke",(d)=>d.s) .attr("stroke-width",(d)=>d.sw) } ) if (props.showGroupSegments==='Yes'){ let groupSegments = targetMain.append("g") .attr("stroke", "white") .attr("stroke-width", 5) .attr("stroke-linejoin", "round") .style("opacity", 0.1) .selectAll("path") .data(arcs) .join("path") // Convert this to new Join code!! .attr("fill", (d) => groupData[d.index].fill) .attr("d", arc) } let arrorMain = targetMain.append('g') let arrowMarks = arrorMain.selectAll('g') .data(d3Data) .join( (enter)=>{ let entered = enter.append('g').attr('transform', (d) => {return `rotate(${d.rotate})`}) .attr('data-value',(d) => d.id) let markGroup = entered.append('g') .attr("class",(d) => d.house_name) .attr('transform', (d) => { let x = d.x return `translate(${d.x},${0}) rotate(${d.inverseRotate}) scale(${d.scale}) `}) let enteredMark = markGroup.append('path').attr('d', (d)=>d.path) .style("stroke",(d)=>{return d.stroke}) } ) // Add Labels to the visulisation... if(props.showScales==='Yes'){ let title = '' title = i => `${groupData[i].title}`; let outerArcs = targetMain.append("g") .attr("stroke", "white") .attr("stroke-width", 1) .attr("stroke-linejoin", "round") .style("opacity", 0.1) .selectAll(".lableArc") .data(arcs) .join("path") // Convert this to new Join code!! .attr("class", "monthArc") .attr("fill", (d) => groupData[d.index].fill) .attr("d", arcLables) .each(function(d,i) { var firstArcSection = /(^.+?)L/; var newArc = firstArcSection.exec( d3.select(this).attr("d") )[1]; newArc = newArc.replace(/,/g , " "); //If the end angle lies beyond a quarter of a circle (90 degrees or pi/2) //flip the end and start position if (d.endAngle > 90 * Math.PI/180) { //Everything between the capital M and first capital A var startLoc = /M(.*?)A/; //Everything between the capital A and 0 0 1 var middleLoc = /A(.*?)0 0 1/; //Everything between the 0 0 1 and the end of the string (denoted by $) var endLoc = /0 0 1 (.*?)$/; //Flip the direction of the arc by switching the start and end point //and using a 0 (instead of 1) sweep flag var newStart = endLoc.exec( newArc )[1]; var newEnd = startLoc.exec( newArc )[1]; var middleSec = middleLoc.exec( newArc )[1]; //Build up the new arc notation, set the sweep-flag to 0 newArc = "M" + newStart + "A" + middleSec + "0 0 0 " + newEnd; }//if targetMain.append("path") .attr("class", "hiddenDonutArcs") .attr("id", "lableArc_"+i) .attr("d", newArc) .style("fill", "none"); }) .append("title") .text(d => title(d.data)); //Append the month names to each slice let outerArcLables = targetMain.append("g") .selectAll(".ArcLableText") .data(arcs) .enter().append("text") .attr("class", "ArcLableText") //.attr("x", 5) //Move the text from the start angle of the arc .attr("dy", function(d,i) { return (d.endAngle > 90 * Math.PI/180 ? 14 : -6); }) .attr("font-size", fontSizeArcLables) .append("textPath") .attr("startOffset","50%") .style("text-anchor","middle") .attr("xlink:href",function(d,i){return "#lableArc_"+i;}) .text(function(d,i){return groupData[i].title;}); const scalePathData = [[0,props.segment3,'+90%'] // Need to create this data somewhere ,[props.segment3,props.segment2,'90<>80%'] ,[props.segment2,props.segment1,'<45%']] const yGroupOffset = 15; const tickSize = 5; const padding = 2; let radiusScaleGroup = targetMain.append('g') .attr('transform',`translate(0,${outerRadius + yGroupOffset})`) let radiusScaleMarks = radiusScaleGroup .selectAll('.targetScaleSegment') .data(scalePathData) .join( (enter) => { let entered = enter.append('path') .style("stroke", "black") .style("fill", "none") .attr("class", "targetScaleSegment") .attr("id", function(d,i) { return "targetScaleSegment_"+i; }) //Unique id for each path .attr("d", (d) => { let start = outerRadius * d[0] let end = outerRadius * d[1] let line = "M" + start +",0 L" + start +","+ tickSize +" L" + (end - padding) +","+ tickSize return line; }) } ) let radiusScaleText = radiusScaleGroup.selectAll('.targetScaleSegmentText') .data(scalePathData) .enter().append("text") .attr("font-size", 8) .attr("class", "targetScaleSegmentText") //.attr("x",3) .attr("dy",10) .append("textPath") .attr("startOffset","100%") .style("text-anchor","end") .attr("xlink:href",function(d,i){return "#targetScaleSegment_"+i;}) .text(function(d){return d[2]}); } return svg; }4a:T4cf,viewof props = Inputs.form({ segment1: Inputs.range([0, 1], {label: "Segment 1 R", step: 0.01,value:1}), segmentColour1: Inputs.color({label: "Segment 1 Color", value: "#f7f7f7"}), segment2: Inputs.range([0, 1], {label: "Segment 2 R", step: 0.01,value:0.45}), segmentColour2: Inputs.color({label: "Segment 2 Color", value: "#d9d9d9"}), segment3: Inputs.range([0, 1], {label: "Segment 3 R", step: 0.01,value:0.2}), segmentColour3: Inputs.color({label: "Segment 3 Color", value: "#a1a1a1"}), segmentStrokeSize: Inputs.range([0, 3], {label: "Segment Stroke Size", step: 0.1,value:0.70}), segmentStokeColour: Inputs.color({label: "Segment Stoke Color", value: "#ffffff"}), markSize: Inputs.range([0.1, 3], {label: "Mark Size", step: 0.1,value:0.7}), sortType: Inputs.radio(["Length of Service", "Random"], {label: "Select one", value: "Length of Service"}), showGroupSegments: Inputs.radio(["Yes", "No"], {label: "Group Segments", value: "Yes"}), groupSegments: Inputs.radio(["Equal", "Frequency"], {label: "Pie Segments", value: "Equal"}), showScales: Inputs.radio(["Yes", "No"], {label: "Show Scales", value: "Yes"}), showLegend: Inputs.radio(["Yes", "No"], {label: "Show Legend", value: "Yes"}) })4b:T899,function calculateD3Data(data,arcs,{ sortType, showGroupSegments, groupField = 'houseID', groupSegments, }) { let arcScale = []; if(sortType==='Length of Service'){ if(showGroupSegments==='Yes'){ // if we do have group segments then we have to go through each one for(let i = 0 ; ir.LOS)) // min / max LOS arcScale[i] = d3.scaleLinear().domain(domain).range(range) } } else if(showGroupSegments==='No') { // if we don't have segments then we just need the one scale... arcScale[0] = d3.scaleLinear().domain(d3.extent(Data_V)).range([0,360]) } } else if (sortType==='Random'){ arcScale[0] = d3.scaleLinear().domain(d3.extent(Data_V)).range([0,360]) } // angle is calculated in an if statement... by the group ID if we have more than one or just id 0 // Only have random if there's no group let array =[] for (let i = 0; i < rawData.length; i++) { let id = i let score = rawData[i].score let rotate = 0 if(sortType==="Random"){ rotate = arcScale[0](getRandomInt(359)+1) } else if (sortType==="Length of Service") { if(showGroupSegments==='Yes'){ rotate = arcScale[rawData[i].houseID](rawData[i].LOS) } else if (showGroupSegments==='No'){ rotate = arcScale[0](rawData[i].LOS) } } rotate = rotate -90 // Resolve the starting angle to 0 let inverseRotate = 0 if(rotate > 0){ inverseRotate = -Math.abs(rotate) } else { inverseRotate = Math.abs(rotate) } let x = targetScale(1- rawData[i].score) let scale = props.markSize let path = arrowMark let house_name = rawData[i].house_name let stroke = rawData[i].house_color let obj = {id,score,rotate,inverseRotate,x,scale,path,house_name,stroke} array.push(obj) } return array; };4c:Ta71c,rawData = [{id:0,score:0.928,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:126,name:'Charleigh Fernandez'}, {id:1,score:0.77,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:182,name:'Norah Naylor'}, {id:2,score:0.558,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:188,name:'Lacie Mcnally'}, {id:3,score:0.73,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:90,name:'Simeon Hahn'}, {id:4,score:0.363,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:252,name:'Kacie Rosa'}, {id:5,score:0.945,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:101,name:'Kristopher Mcneil'}, {id:6,score:0.493,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:113,name:'Ria Rodriguez'}, {id:7,score:0.535,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:201,name:'Derry Browning'}, {id:8,score:0.938,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:187,name:'Kelsea Cairns'}, {id:9,score:0.967,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:228,name:'Gail Salinas'}, {id:10,score:0.819,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:96,name:'Kayden King'}, {id:11,score:0.791,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:237,name:'Rubi Haigh'}, {id:12,score:0.724,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:95,name:'Tommy-Lee Hart'}, {id:13,score:0.081,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:196,name:'Sierra Blackmore'}, {id:14,score:0.739,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:228,name:'Junior Quintana'}, {id:15,score:0.196,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:290,name:'Guy Kirkland'}, {id:16,score:0.869,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:201,name:'Oran Briggs'}, {id:17,score:0.831,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:105,name:'Musa Heaton'}, {id:18,score:0.725,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:164,name:'Olive Nairn'}, {id:19,score:0.351,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:186,name:'Lillian Arellano'}, {id:20,score:0.21,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:158,name:'Harper-Rose Jacobson'}, {id:21,score:0.659,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:219,name:'Oran Briggs'}, {id:22,score:0.792,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:266,name:'Iwan Nelson'}, {id:23,score:0.302,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:178,name:'Edan Bean'}, {id:24,score:0.776,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:127,name:'Khushi Kirk'}, {id:25,score:0.422,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:49,name:'Norman Schmitt'}, {id:26,score:0.51,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:279,name:'Brenden Milner'}, {id:27,score:0.493,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:186,name:'Evie-Mai Salazar'}, {id:28,score:0.251,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:50,name:'Elysia Lugo'}, {id:29,score:0.709,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:165,name:'Shuaib Fountain'}, {id:30,score:0.978,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:261,name:'Enrico Wright'}, {id:31,score:0.274,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:159,name:'Connar Maxwell'}, {id:32,score:0.839,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:64,name:'Dave Rose'}, {id:33,score:0.588,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:257,name:'Kirby Wilkins'}, {id:34,score:0.868,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:173,name:'Finnlay Brown'}, {id:35,score:0.823,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:142,name:'Emaan Werner'}, {id:36,score:0.986,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:205,name:'Leandro French'}, {id:37,score:0.576,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:134,name:'Rocco Porter'}, {id:38,score:0.995,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:256,name:'Luqman Rosas'}, {id:39,score:0.961,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:169,name:'Kayden King'}, {id:40,score:0.363,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:136,name:'Maha Rasmussen'}, {id:41,score:0.873,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:251,name:'Alayah Carey'}, {id:42,score:0.748,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:79,name:'Ibrar Ashton'}, {id:43,score:0.925,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:232,name:'Alana Hill'}, {id:44,score:0.918,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:100,name:'Hamaad Bourne'}, {id:45,score:0.83,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:296,name:'Ray Wagner'}, {id:46,score:0.912,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:34,name:'Sia Maynard'}, {id:47,score:0.985,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:41,name:'Shuaib Fountain'}, {id:48,score:0.378,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:42,name:'Jay Weir'}, {id:49,score:0.993,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:52,name:'Nicolas Lynn'}, {id:50,score:0.983,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:173,name:'Norman Schmitt'}, {id:51,score:0.851,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:91,name:'Lina Lloyd'}, {id:52,score:0.835,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:105,name:'Keisha Floyd'}, {id:53,score:0.939,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:287,name:'Sierra Blackmore'}, {id:54,score:0.97,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:273,name:'Olive Nairn'}, {id:55,score:0.942,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:77,name:'Buster Escobar'}, {id:56,score:0.765,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:212,name:'Magnus Mclaughlin'}, {id:57,score:0.999,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:211,name:'Enrico Wright'}, {id:58,score:0.635,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:50,name:'Rumaysa Mercado'}, {id:59,score:0.858,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:202,name:'Kaiya Mclean'}, {id:60,score:0.625,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:144,name:'Charleigh Fernandez'}, {id:61,score:0.911,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:60,name:'Saba Macias'}, {id:62,score:0.443,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:163,name:'Kacie Rosa'}, {id:63,score:0.749,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:198,name:'Kynan Blair'}, {id:64,score:0.498,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:74,name:'Saba Macias'}, {id:65,score:0.906,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:207,name:'Tazmin Noble'}, {id:66,score:0.874,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:176,name:'Abida Weiss'}, {id:67,score:0.872,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:165,name:'Herbert Montoya'}, {id:68,score:0.473,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:202,name:'Calvin Guthrie'}, {id:69,score:0.76,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:150,name:'Nabiha Woolley'}, {id:70,score:0.722,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:90,name:'Ceri Cherry'}, {id:71,score:0.681,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:137,name:'Bonita Glenn'}, {id:72,score:0.727,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:135,name:'Guy Kirkland'}, {id:73,score:0.645,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:88,name:'Arabella Raymond'}, {id:74,score:0.24,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:110,name:'Russell Spooner'}, {id:75,score:0.882,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:119,name:'Nicole Villalobos'}, {id:76,score:0.678,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:248,name:'Maizie Corona'}, {id:77,score:0.995,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:53,name:'Abdulahi Corbett'}, {id:78,score:0.166,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:247,name:'Brooke Medina'}, {id:79,score:0.491,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:119,name:'Ibrar Ashton'}, {id:80,score:0.932,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:204,name:'Tiah Mac'}, {id:81,score:0.824,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:37,name:'Nicolas Lynn'}, {id:82,score:0.78,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:91,name:'Iwan Nelson'}, {id:83,score:0.913,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:165,name:'Leo Greig'}, {id:84,score:0.455,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:45,name:'Saba Macias'}, {id:85,score:0.782,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:115,name:'Nicolas Lynn'}, {id:86,score:0.693,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:211,name:'Elize Rodgers'}, {id:87,score:0.82,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:269,name:'Ceri Cherry'}, {id:88,score:0.188,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:35,name:'Buster Escobar'}, {id:89,score:0.764,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:161,name:'Katherine Busby'}, {id:90,score:0.943,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:82,name:'Maksim Gross'}, {id:91,score:0.221,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:129,name:'Giulia Pineda'}, {id:92,score:0.33,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:36,name:'Nabiha Woolley'}, {id:93,score:0.807,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:110,name:'Enrico Wright'}, {id:94,score:0.5,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:198,name:'Ceri Cherry'}, {id:95,score:0.33,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:176,name:'Bethanie Roberson'}, {id:96,score:0.573,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:273,name:'Kacper Firth'}, {id:97,score:0.924,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:226,name:'Jordan-Lee Xiong'}, {id:98,score:0.65,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:213,name:'Ammara Huber'}, {id:99,score:0.9,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:205,name:'Carrie Peterson'}, {id:100,score:0.718,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:46,name:'Larry Cuevas'}, {id:101,score:0.718,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:274,name:'Lillian Arellano'}, {id:102,score:0.812,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:207,name:'Bilal Eaton'}, {id:103,score:0.455,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:132,name:'Norman Clemons'}, {id:104,score:0.837,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:231,name:'Lisa Daly'}, {id:105,score:0.436,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:163,name:'Emaan Werner'}, {id:106,score:0.519,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:235,name:'Anayah Goldsmith'}, {id:107,score:0.782,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:231,name:'Evie-Mai Salazar'}, {id:108,score:0.963,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:61,name:'Anton Moss'}, {id:109,score:0.657,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:184,name:'Tiah Mac'}, {id:110,score:0.702,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:181,name:'Zion Parrish'}, {id:111,score:0.776,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:43,name:'Carrie Peterson'}, {id:112,score:0.216,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:100,name:'Buster Escobar'}, {id:113,score:0.944,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:134,name:'Caroline Whitaker'}, {id:114,score:0.66,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:154,name:'Kacper Firth'}, {id:115,score:0.769,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:212,name:'Brooke Medina'}, {id:116,score:0.947,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:185,name:'Ibrar Ashton'}, {id:117,score:0.582,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:46,name:'Nasir Velasquez'}, {id:118,score:0.89,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:78,name:'Samad Lees'}, {id:119,score:0.885,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:172,name:'Luqman Rosas'}, {id:120,score:0.738,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:48,name:'Siraj Santiago'}, {id:121,score:0.379,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:139,name:'Elif Hudson'}, {id:122,score:0.079,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:290,name:'Kamron OGallagher'}, {id:123,score:0.788,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:186,name:'Tazmin Noble'}, {id:124,score:0.437,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:57,name:'Monique Tait'}, {id:125,score:0.371,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:260,name:'Rickie Hassan'}, {id:126,score:0.739,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:124,name:'Hugo Roman'}, {id:127,score:0.754,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:30,name:'Shae Johns'}, {id:128,score:0.78,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:276,name:'Kayson Mckeown'}, {id:129,score:0.955,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:294,name:'Rubie David'}, {id:130,score:0.721,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:94,name:'Maksim Gross'}, {id:131,score:0.474,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:251,name:'Rhianna Tyson'}, {id:132,score:0.993,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:196,name:'Poppy Haynes'}, {id:133,score:0.456,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:132,name:'Alayah Carey'}, {id:134,score:0.826,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:243,name:'Bilal Eaton'}, {id:135,score:0.513,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:151,name:'Akram Mccabe'}, {id:136,score:0.538,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:141,name:'Magnus Mclaughlin'}, {id:137,score:0.916,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:273,name:'Rishi Ortega'}, {id:138,score:0.734,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:213,name:'Olive Nairn'}, {id:139,score:0.781,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:33,name:'Emre Montes'}, {id:140,score:0.397,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:194,name:'Akeel Goodwin'}, {id:141,score:0.707,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:34,name:'Alana Hill'}, {id:142,score:0.5,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:131,name:'Aiza Hurst'}, {id:143,score:0.525,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:53,name:'Ruth Reader'}, {id:144,score:0.241,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:138,name:'Reis Faulkner'}, {id:145,score:0.03,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:250,name:'Lina Lloyd'}, {id:146,score:0.949,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:31,name:'Rumaisa Hunt'}, {id:147,score:0.953,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:176,name:'Joss Fry'}, {id:148,score:0.049,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:226,name:'Evie-Mai Salazar'}, {id:149,score:0.182,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:185,name:'Jayden Armstrong'}, {id:150,score:0.884,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:56,name:'Anita Rosa'}, {id:151,score:0.476,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:51,name:'Kaiya Mclean'}, {id:152,score:0.281,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:294,name:'Nasir Velasquez'}, {id:153,score:0.926,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:131,name:'Timothy Findlay'}, {id:154,score:0.815,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:161,name:'Luqman Rosas'}, {id:155,score:0.866,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:67,name:'Kayson Mckeown'}, {id:156,score:0.764,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:35,name:'Russell Spooner'}, {id:157,score:0.86,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:202,name:'Imaan Mccallum'}, {id:158,score:0.947,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:215,name:'Nasir Velasquez'}, {id:159,score:0.54,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:202,name:'Monique Tait'}, {id:160,score:0.171,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:194,name:'Jay Weir'}, {id:161,score:0.784,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:132,name:'Lina Lloyd'}, {id:162,score:0.874,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:223,name:'Kayden King'}, {id:163,score:0.831,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:194,name:'Zion Parrish'}, {id:164,score:0.559,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:141,name:'Bonita Glenn'}, {id:165,score:0.784,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:204,name:'Saba Macias'}, {id:166,score:0.023,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:226,name:'Rumaysa Mercado'}, {id:167,score:0.813,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:157,name:'Samad Lees'}, {id:168,score:0.712,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:83,name:'Adina Eastwood'}, {id:169,score:0.967,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:84,name:'Ceri Cherry'}, {id:170,score:0.118,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:269,name:'Shae Johns'}, {id:171,score:0.97,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:215,name:'Charleigh Fernandez'}, {id:172,score:0.614,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:73,name:'Cassidy Frost'}, {id:173,score:0.769,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:190,name:'Shaurya Meza'}, {id:174,score:0.581,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:31,name:'Bonita Glenn'}, {id:175,score:0.789,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:120,name:'Garin Farley'}, {id:176,score:0.993,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:200,name:'Kynan Blair'}, {id:177,score:0.913,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:110,name:'Jon-Paul Goodman'}, {id:178,score:0.721,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:277,name:'Zion Parrish'}, {id:179,score:0.573,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:50,name:'Monique Tait'}, {id:180,score:0.412,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:192,name:'Adina Eastwood'}, {id:181,score:0.985,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:272,name:'Nabiha Woolley'}, {id:182,score:0.863,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:39,name:'Cecily Yu'}, {id:183,score:0.903,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:153,name:'Ieuan Kane'}, {id:184,score:0.543,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:103,name:'Reis Faulkner'}, {id:185,score:0.801,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:53,name:'Rami Reeve'}, {id:186,score:0.324,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:134,name:'Adina Eastwood'}, {id:187,score:0.195,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:171,name:'Evie-Mai Salazar'}, {id:188,score:0.212,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:283,name:'Adina Eastwood'}, {id:189,score:0.97,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:280,name:'Musa Heaton'}, {id:190,score:0.989,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:119,name:'Hugo Roman'}, {id:191,score:0.209,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:122,name:'Remi Metcalfe'}, {id:192,score:0.411,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:251,name:'Rami Reeve'}, {id:193,score:0.951,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:292,name:'Garry Dillon'}, {id:194,score:0.956,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:159,name:'Harper-Rose Jacobson'}, {id:195,score:0.57,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:183,name:'Cassidy Frost'}, {id:196,score:0.949,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:249,name:'Alys Smith'}, {id:197,score:0.74,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:248,name:'Lacie Mcnally'}, {id:198,score:0.806,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:266,name:'Emre Montes'}, {id:199,score:0.863,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:28,name:'Eilidh Cameron'}, {id:200,score:0.308,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:28,name:'Konnor Swift'}, {id:201,score:0.995,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:79,name:'Nicole Villalobos'}, {id:202,score:0.412,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:139,name:'Rianna Whiteley'}, {id:203,score:0.522,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:239,name:'Aya Conrad'}, {id:204,score:0.461,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:87,name:'Remi Metcalfe'}, {id:205,score:0.859,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:115,name:'Bradley Herrera'}, {id:206,score:0.717,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:110,name:'Elysia Lugo'}, {id:207,score:0.645,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:195,name:'Imaan Mccallum'}, {id:208,score:0.314,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:87,name:'Nichola Bateman'}, {id:209,score:0.496,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:58,name:'Eve Maguire'}, {id:210,score:0.726,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:250,name:'Ria Rodriguez'}, {id:211,score:0.87,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:88,name:'Evie-Mai Salazar'}, {id:212,score:0.846,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:138,name:'Elysia Lugo'}, {id:213,score:0.603,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:54,name:'Marianne Church'}, {id:214,score:0.735,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:118,name:'Elize Rodgers'}, {id:215,score:0.812,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:92,name:'Ibrar Ashton'}, {id:216,score:0.158,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:23,name:'Aya Conrad'}, {id:217,score:0.616,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:157,name:'Larry Cuevas'}, {id:218,score:0.817,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:100,name:'Raees Harmon'}, {id:219,score:0.93,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:75,name:'Kelsea Cairns'}, {id:220,score:0.824,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:196,name:'Kynan Blair'}, {id:221,score:0.873,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:183,name:'Enrico Wright'}, {id:222,score:0.931,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:177,name:'Ansh Cameron'}, {id:223,score:0.797,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:41,name:'Dafydd Chang'}, {id:224,score:0.172,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:27,name:'Darin Sherman'}, {id:225,score:0.853,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:102,name:'Aiza Hurst'}, {id:226,score:0.795,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:69,name:'Reis Faulkner'}, {id:227,score:0.215,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:223,name:'Rubi Haigh'}, {id:228,score:0.805,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:76,name:'Amrit Melendez'}, {id:229,score:0.991,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:287,name:'Marek Barlow'}, {id:230,score:0.962,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:68,name:'Gail Salinas'}, {id:231,score:0.968,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:103,name:'Siraj Santiago'}, {id:232,score:0.821,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:139,name:'Calvin Guthrie'}, {id:233,score:0.916,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:222,name:'Oran Briggs'}, {id:234,score:0.693,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:60,name:'Sumaiya Strickland'}, {id:235,score:0.634,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:221,name:'Rocco Porter'}, {id:236,score:0.873,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:28,name:'Tiah Mac'}, {id:237,score:0.874,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:207,name:'Ansh Cameron'}, {id:238,score:0.914,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:264,name:'Magnus Mclaughlin'}, {id:239,score:0.784,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:124,name:'Johnathon Cash'}, {id:240,score:0.83,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:153,name:'Charlotte Randolph'}, {id:241,score:0.761,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:128,name:'Gail Salinas'}, {id:242,score:0.936,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:140,name:'Giulia Pineda'}, {id:243,score:0.825,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:130,name:'Hugo Roman'}, {id:244,score:0.95,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:159,name:'Nasir Velasquez'}, {id:245,score:0.872,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:108,name:'Hilary Barker'}, {id:246,score:0.773,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:290,name:'Jon-Paul Goodman'}, {id:247,score:0.694,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:236,name:'Anita Rosa'}, {id:248,score:0.944,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:194,name:'Gail Salinas'}, {id:249,score:0.827,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:147,name:'Kyra Aldred'}, {id:250,score:0.858,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:153,name:'Joyce Vaughn'}, {id:251,score:0.913,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:187,name:'Junior Quintana'}, {id:252,score:0.764,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:212,name:'Tommy-Lee Hart'}, {id:253,score:0.934,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:251,name:'Luqman Rosas'}, {id:254,score:0.436,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:227,name:'Kayson Mckeown'}, {id:255,score:0.955,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:107,name:'Jordan-Lee Xiong'}, {id:256,score:0.977,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:63,name:'Iwan Nelson'}, {id:257,score:0.436,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:77,name:'Abdulahi Corbett'}, {id:258,score:0.82,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:268,name:'Arley Portillo'}, {id:259,score:0.721,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:95,name:'Kaiya Mclean'}, {id:260,score:0.952,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:121,name:'Lina Lloyd'}, {id:261,score:0.772,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:208,name:'Heather Wood'}, {id:262,score:0.324,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:94,name:'Cheyenne Jennings'}, {id:263,score:0.835,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:28,name:'Ray Wagner'}, {id:264,score:0.874,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:111,name:'Derry Browning'}, {id:265,score:0.894,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:227,name:'Samad Lees'}, {id:266,score:0.343,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:77,name:'Maha Rasmussen'}, {id:267,score:0.744,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:248,name:'Saba Macias'}, {id:268,score:0.743,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:120,name:'Rubi Haigh'}, {id:269,score:0.548,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:249,name:'Junior Quintana'}, {id:270,score:0.72,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:278,name:'Aya Conrad'}, {id:271,score:0.805,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:284,name:'Saanvi Knowles'}, {id:272,score:0.407,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:45,name:'Konnor Swift'}, {id:273,score:0.566,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:58,name:'Maizie Corona'}, {id:274,score:0.743,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:200,name:'Lillian Arellano'}, {id:275,score:0.827,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:185,name:'Nicole Villalobos'}, {id:276,score:0.931,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:230,name:'Rubi Haigh'}, {id:277,score:0.845,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:182,name:'Giulia Pineda'}, {id:278,score:0.637,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:228,name:'Kameron Chapman'}, {id:279,score:0.94,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:278,name:'Kacie Rosa'}, {id:280,score:0.641,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:206,name:'Muna Frost'}, {id:281,score:0.462,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:257,name:'Norah Naylor'}, {id:282,score:0.716,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:239,name:'Evie-Mai Salazar'}, {id:283,score:0.809,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:179,name:'Jayson Zimmerman'}, {id:284,score:0.899,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:228,name:'Samad Lees'}, {id:285,score:0.719,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:155,name:'Kristopher Mcneil'}, {id:286,score:0.192,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:152,name:'Kyle Hutton'}, {id:287,score:0.999,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:36,name:'Kristopher Mcneil'}, {id:288,score:0.447,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:217,name:'Ibrar Ashton'}, {id:289,score:0.971,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:237,name:'Muhamed Walker'}, {id:290,score:0.149,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:255,name:'Herbert Montoya'}, {id:291,score:0.761,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:256,name:'Zion Parrish'}, {id:292,score:0.656,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:170,name:'Garin Farley'}, {id:293,score:0.855,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:81,name:'Kaiya Mclean'}, {id:294,score:0.794,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:47,name:'Adina Eastwood'}, {id:295,score:0.549,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:187,name:'Rumaisa Hunt'}, {id:296,score:0.977,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:200,name:'Connar Maxwell'}, {id:297,score:0.456,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:237,name:'Garin Farley'}, {id:298,score:0.097,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:234,name:'Kristopher Mcneil'}, {id:299,score:0.946,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:162,name:'Caroline Whitaker'}, {id:300,score:0.782,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:78,name:'Roxie Hooper'}, {id:301,score:0.532,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:227,name:'Maariya Wallace'}, {id:302,score:0.868,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:61,name:'Anita Rosa'}, {id:303,score:0.929,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:288,name:'Jordan-Lee Xiong'}, {id:304,score:0.789,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:121,name:'Junior Quintana'}, {id:305,score:0.455,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:210,name:'Kyra Aldred'}, {id:306,score:0.683,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:261,name:'Khalil Hays'}, {id:307,score:0.842,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:64,name:'Shaurya Meza'}, {id:308,score:0.82,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:25,name:'Eve Maguire'}, {id:309,score:0.776,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:289,name:'Ray Wagner'}, {id:310,score:0.77,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:205,name:'Maksim Gross'}, {id:311,score:0.633,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:236,name:'Ibrar Ashton'}, {id:312,score:0.664,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:40,name:'Samad Lees'}, {id:313,score:0.743,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:71,name:'Emaan Werner'}, {id:314,score:0.366,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:23,name:'Kelsea Cairns'}, {id:315,score:0.587,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:239,name:'Miah Atkinson'}, {id:316,score:0.795,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:168,name:'Cassidy Frost'}, {id:317,score:0.568,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:104,name:'Muhamed Walker'}, {id:318,score:0.739,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:295,name:'Muhamed Walker'}, {id:319,score:0.992,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:32,name:'Magnus Mclaughlin'}, {id:320,score:0.719,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:134,name:'Arabella Raymond'}, {id:321,score:0.317,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:129,name:'Annabell Murillo'}, {id:322,score:0.499,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:142,name:'Sylvie Mcdonnell'}, {id:323,score:0.875,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:131,name:'Jon-Paul Goodman'}, {id:324,score:0.026,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:87,name:'Jordan-Lee Xiong'}, {id:325,score:0.737,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:292,name:'Jorden Holding'}, {id:326,score:0.644,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:117,name:'Ammara Huber'}, {id:327,score:0.895,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:260,name:'Maizie Corona'}, {id:328,score:0.449,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:157,name:'Katherine Busby'}, {id:329,score:0.316,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:211,name:'Carlton Justice'}, {id:330,score:0.385,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:240,name:'Junior Quintana'}, {id:331,score:0.981,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:79,name:'Loretta Ayers'}, {id:332,score:0.603,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:224,name:'Hilary Barker'}, {id:333,score:0.783,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:295,name:'Jayden Armstrong'}, {id:334,score:0.82,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:75,name:'Marianne Church'}, {id:335,score:0.968,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:164,name:'Derry Browning'}, {id:336,score:0.944,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:101,name:'Eve Maguire'}, {id:337,score:0.643,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:162,name:'Danyl Turnbull'}, {id:338,score:0.893,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:150,name:'Akram Mccabe'}, {id:339,score:0.809,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:145,name:'Carlton Justice'}, {id:340,score:0.888,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:263,name:'Leandro French'}, {id:341,score:0.628,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:30,name:'Isabell Burke'}, {id:342,score:0.703,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:239,name:'Emaan Werner'}, {id:343,score:0.711,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:115,name:'Khushi Kirk'}, {id:344,score:0.1,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:233,name:'Olive Nairn'}, {id:345,score:0.878,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:240,name:'Hadiya Heath'}, {id:346,score:0.156,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:294,name:'Darin Sherman'}, {id:347,score:0.616,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:220,name:'Kayden King'}, {id:348,score:0.673,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:32,name:'Miah Atkinson'}, {id:349,score:0.472,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:82,name:'Shuaib Fountain'}, {id:350,score:0.513,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:168,name:'Eilidh Cameron'}, {id:351,score:0.405,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:24,name:'Jayson Zimmerman'}, {id:352,score:0.509,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:148,name:'Maariya Wallace'}, {id:353,score:0.962,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:117,name:'Buster Escobar'}, {id:354,score:0.577,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:204,name:'Luqman Rosas'}, {id:355,score:0.735,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:183,name:'Marek Barlow'}, {id:356,score:0.981,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:182,name:'Alana Hill'}, {id:357,score:0.824,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:92,name:'Monique Tait'}, {id:358,score:0.61,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:286,name:'Billie-Jo Herring'}, {id:359,score:0.65,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:138,name:'Calvin Guthrie'}, {id:360,score:0.837,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:63,name:'Sumaiya Strickland'}, {id:361,score:0.955,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:131,name:'Jordan-Lee Xiong'}, {id:362,score:0.752,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:196,name:'Kacie Rosa'}, {id:363,score:0.291,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:195,name:'Morgan Camacho'}, {id:364,score:0.947,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:269,name:'Alys Smith'}, {id:365,score:0.148,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:120,name:'Tierney Dixon'}, {id:366,score:0.799,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:237,name:'Jayson Zimmerman'}, {id:367,score:0.911,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:262,name:'Hugo Roman'}, {id:368,score:0.607,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:77,name:'Rumaisa Hunt'}, {id:369,score:0.875,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:201,name:'Leo Greig'}, {id:370,score:0.449,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:166,name:'Shuaib Fountain'}, {id:371,score:0.894,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:30,name:'Alana Hill'}, {id:372,score:0.386,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:210,name:'Eve Maguire'}, {id:373,score:0.705,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:42,name:'Carlton Justice'}, {id:374,score:0.361,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:180,name:'Hugo Roman'}, {id:375,score:0.473,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:287,name:'Kyra Aldred'}, {id:376,score:0.439,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:53,name:'Muhamed Walker'}, {id:377,score:0.434,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:110,name:'Joss Fry'}, {id:378,score:0.643,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:157,name:'Amy-Louise Holden'}, {id:379,score:0.754,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:193,name:'Hilary Barker'}, {id:380,score:0.677,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:64,name:'Maizie Corona'}, {id:381,score:0.838,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:59,name:'Kacper Firth'}, {id:382,score:0.123,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:57,name:'Alana Hill'}, {id:383,score:0.848,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:217,name:'Bonita Glenn'}, {id:384,score:0.886,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:131,name:'Sylvie Mcdonnell'}, {id:385,score:0.349,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:207,name:'Katherine Busby'}, {id:386,score:0.943,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:137,name:'Arabella Raymond'}, {id:387,score:0.379,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:198,name:'Hamaad Bourne'}, {id:388,score:0.34,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:171,name:'Sannah Bouvet'}, {id:389,score:0.114,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:95,name:'Bilal Eaton'}, {id:390,score:0.795,houseID:2,house_name:'Maison Rouge',house_color:'#B62025',LOS:249,name:'Rami Reeve'}, {id:391,score:0.353,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:31,name:'Amrit Melendez'}, {id:392,score:0.363,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:28,name:'Alana Hill'}, {id:393,score:0.904,houseID:0,house_name:'Villa Virdis',house_color:'#3F6531',LOS:111,name:'Norman Schmitt'}, {id:394,score:0.383,houseID:3,house_name:'Blue Steel',house_color:'#263A8E',LOS:288,name:'Danyl Turnbull'}, {id:395,score:0.687,houseID:1,house_name:'The Wolf Pack',house_color:'#FEB513',LOS:145,name:'Rickie Hassan'} ]4d:T922,{ // Thanks Nadia: https://www.visualcinnamon.com/2015/09/placing-text-on-arcs/ const svg = DOM.svg(targetContainerDimensions ,targetContainerDimensions); let targetMain1 = d3.select(svg).append('g') .attr('transform',`translate(${targetContainerDimensions/2},${targetContainerDimensions/2} )`) let title = '' title = i => `${groupData[i].title}`; let outerArcs1 = targetMain1.append("g") .attr("stroke", "white") .attr("stroke-width", 1) .attr("stroke-linejoin", "round") .style("opacity", 0.1) .selectAll(".lableArc") .data(arcs) .join("path") // Convert this to new Join code!! .attr("class", "monthArc") //.attr("id", function(d,i) { return "lableArc_"+i; }) //Unique id for each slice .attr("fill", (d) => groupData[d.index].fill) .attr("d", arcLables) .each(function(d,i) { //A regular expression that captures all in between the start of a string //(denoted by ^) and the first capital letter L var firstArcSection = /(^.+?)L/; //The [1] gives back the expression between the () (thus not the L as well) //which is exactly the arc statement var newArc = firstArcSection.exec( d3.select(this).attr("d") )[1]; //Replace all the comma's so that IE can handle it -_- //The g after the / is a modifier that "find all matches rather than //stopping after the first match" newArc = newArc.replace(/,/g , " "); //Create a new invisible arc that the text can flow along targetMain1.append("path") .attr("class", "hiddenDonutArcs") .attr("id", "lableArc_"+i) .attr("d", newArc) .style("fill", "none"); }) .append("title") .text(d => title(d.data)); //Append the month names to each slice let outerArcLables1 = targetMain1.append("g") .selectAll(".ArcLableText") .data(groupData) .enter().append("text") .attr("class", "ArcLableText") //.attr("x", 5) //Move the text from the start angle of the arc .attr("dy", -2) //Move the text down .append("textPath") .attr("startOffset","50%") .style("text-anchor","middle") .attr("xlink:href",function(d,i){return "#lableArc_"+i;}) .text(function(d){return d.title;}); return svg; }4e:T8bf,{ const svg = DOM.svg(targetContainerDimensions ,targetContainerDimensions); const scalePathData = [[0,props.segment3,'+90%'] // Need to create this data somewhere ,[props.segment3,props.segment2,'90<>80%'] ,[props.segment2,props.segment1,'<45%']] const yGroupOffset = 15; const tickSize = 5; const padding = 2; //console.log(scalePathData) let targetMain = d3.select(svg).append('g') .attr('transform',`translate(${targetContainerDimensions/2},${targetContainerDimensions/2} )`) let targetAreas = targetMain.selectAll('circle') .data(targetProps) .join( (enter)=>{ let entered = enter.append('circle') .attr("cx",(d)=>d.x - (targetContainerDimensions/2)) .attr("cy",(d)=>d.y - (targetContainerDimensions/2)) .attr("r",(d)=>d.r) .attr("fill",(d)=>d.f) .attr("stroke",(d)=>d.s) .attr("stroke-width",(d)=>d.sw) } ) let radiusScaleGroup = targetMain.append('g') .attr('transform',`translate(0,${outerRadius + yGroupOffset})`) let radiusScaleMarks = radiusScaleGroup .selectAll('.targetScaleSegment') .data(scalePathData) .join( (enter) => { let entered = enter.append('path') .style("stroke", "black") .style("fill", "none") .attr("class", "targetScaleSegment") .attr("id", function(d,i) { return "targetScaleSegment_"+i; }) //Unique id for each path .attr("d", (d) => { let start = outerRadius * d[0] let end = outerRadius * d[1] let line = "M" + start +",0 L" + start +","+ tickSize +" L" + (end - padding) +","+ tickSize return line; }) } ) let radiusScaleText = radiusScaleGroup.selectAll('.targetScaleSegmentText') .data(scalePathData) .enter().append("text") .attr("font-size", 8) .attr("class", "targetScaleSegmentText") //.attr("x",3) .attr("dy",14) .append("textPath") .attr("startOffset","100%") .style("text-anchor","end") .attr("xlink:href",function(d,i){return "#targetScaleSegment_"+i;}) .text(function(d){return d[2]}); return svg; }4f:[] 29:{"id":"139aea365556379c","slug":null,"title":"Archery Target (Sixth)","thumbnail":"52871e02fae6d69132cbfebd067a10c53a1e6874c8df14afe2047e7a02223caf","access_level":"public","create_time":"$D2022-12-10T14:02:09.739Z","update_time":"$D2022-12-30T19:08:54.065Z","view_time":null,"first_public_time":"$D2022-12-10T14:02:09.739Z","has_unpublished_edits":null,"fork":{"id":"af3f996e264c68d7","slug":null,"title":"Archery Target (Fifth)","owner":{"id":"5df726bbdb65007b","login":"richardpearce60","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"5df726bbdb65007b","login":"richardpearce60","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1252b74b8aea5512efa1a9ee12442c11a24344487d9d660af5967bf02a16e835","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":979,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8d053f67e4fe57bb","login":"richardpearce60","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1252b74b8aea5512efa1a9ee12442c11a24344487d9d660af5967bf02a16e835","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"8d053f67e4fe57bb","login":"richardpearce60","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1252b74b8aea5512efa1a9ee12442c11a24344487d9d660af5967bf02a16e835","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Archery Target (Sixth)","cells":[{"id":0,"value":"# Archery Target (Sixth)\n\nVisualisation to mimic arrows hitting and leaving marks 'x' on an archery target. The Targets circles show the grouping (RAG or Similar) and the 'x' marks can also be coloured or shaped to denote more grouping. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":330,"value":"#### Sixth (done)\n- A\n \n## (to do)\n- Add legend as a separate viz (Make it a component).. Also Add RAG into legend as little circles\n- Fix Text Flipping if only slightly over 90o\n- Put start and end LOS into arc\n- Group rag scale so can hover\n- Clean Up Code (full join, properties, data naming, etc.) \n- Pop Up Details (qlik)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"# Props\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":167,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"# Layout\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":163,"value":"viewof layout = Inputs.form({\n width: Inputs.range([100, 600], {label: \"Width\", step: 1,value:400}),\n height: Inputs.range([100, 600], {label: \"Height\", step: 1,value:400})\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"## Marks","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":77,"value":"arrowMark = \"M-2,-2 L2,2 M-2,2 L2,-2\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"html`