2e:null 2f:["$","title",null,{"children":"spider dev 2.2 | richard christian | Observable"}] 34:T1182,meta = [ {"l":"Socio-cultural","m":[""]}, {"l":"Environmental","m":[""]}, {"l":"Political","m":[""]}, {"l":"Economic","m":[""]}, {"l":"Co-creation of knowledge", "m":["High: Emphasizes support to local innovation and farmer-to-farmer knowledge exchange", "Mid-high: Emphasizes co-learning and the combination of local and global scientific knowledge", "Mid-low: Emphasizes widespread dissemination of innovations from participatory research", "Low: Emphasizes widespread dissemination of innovation from state and privately-funded formal research"]}, {"l":"Social values", "m":["High: Emphasis on labour intensification, fairness and dignity of work for all", "Mid-high: Emphasis on labour productivity while retaining smallholder farming", "Mid-low: Neutral on intensification dimensions", "Low: Emphasis on capital intensification"]}, {"l":"Diets", "m":["High:", "Mid-high:", "Mid-low:", "Low:"]}, {"l":"Recycling", "m":["High: Eliminate external inputs, rely on only natural processes and have closed resource cycles", "Mid-high: Minimize purchased inputs, favour natural processes and try to close resource cycles", "Mid-low: Deliberately use purchased inputs to make efficient use of natural processes and resource cycles", "Low: Use purchased inputs to intensify production per unit land while keeping leakage to a minimum"]}, {"l":"Input reduction", "m":["High:", "Mid-high:", "Mid-low:", "Low:"]}, {"l":"Soil health", "m":["High:", "Mid-high:", "Mid-low:", "Low:"]}, {"l":"Animal health", "m":["High:", "Mid-high:", "Mid-low:", "Low:"]}, {"l":"Biodiversity", "m":["High: Deliberate management of biological diversity and interactions among components within production systems to enhance complementarity and achieve synergy, including between production and conservation objectives across field, farm and landscape scales (land sharing)", "Mid-high: Manage interactions among selected components within production systems without trying to maintain diversity beyond that necessary for production", "Mid-low: Neutral with respect to integrating or segregating components within production systems", "Low: Intensify production on higher potential land thereby leaving other land for meeting conservation objectives (land sparing)"]}, {"l":"Synergy", "m":["High:", "Mid-high:", "Mid-low:", "Low:"]}, {"l":"Economic diversification", "m":["High: Strive for greater economic diversity of production systems", "Mid-high: Manage economic diversity of production systems around functional thresholds to maintain ecosystem services and economic resilience", "Mid-low: Neutral with respect to diversification or specialization", "Low: Specialize in a few components within production systems to simplify management and supply market requirements"]}, {"l":"Fairness", "m":["High:", "Mid-high:", "Mid-low:", "Low:"]}, {"l":"Connectivity", "m":["High: Emphasis on local markets, connectivity of producers and consumers, circular economy", "Mid-high: Blended market approach combining access to national markets where appropriate with stimulating function of local markets", "Mid-low: Neutral with respect to marketing or value chain structure", "Low: Emphasis on efficiency of large markets and global value chains"]}, {"l":"Land and resource governance", "m":["High: Starts by asserting basic rights and works on from that to how food systems should be transformed; strives for greater agency – i.e. participation of civil society in decision-making about how food is produced, processed, stored, transported and consumed", "Mid-high: Acknowledges that rights, including rights to accurate information, are an important part of food system transformation and includes consideration of them", "Mid-low: Neutral regarding rights", "Low: Does not explicitly recognize rights as fundamental to food security and nutrition; participation is shaped through market forces"]}, {"l":"Participation", "m":["High:", "Mid-high:", "Mid-low:", "Low:"]}, {"l":"Decentralisation", "m":["High:", "Mid-high:", "Mid-low:", "Low:"]} ]35:T1e9b,// RENDER DATA viewof chart = { const svg = d3.create("svg").attr("width",width*2).attr("height",height); const element = svg.node(); // Centers of main plot //const cX = width/2 - (rad + width_inner + width_outer) - 50; const cX = width/2; const cY = height/2; //const rad_outer = rad+plgap+width_inner+llgap+width_outer; /* svg.append("g") .append("path") .attr("d", d3.line()([[width/2,0],[width/2,height]])) .style("stroke","black") .style("opacity",0.1) .style("stroke-weight",1) */ const scale_size = 12; // LABELS // GROUP PATHS: annular sections const path = svg.append("g") .selectAll("path") .data( lbl_hdata ) //.enter() //.append("path") .join("path") .attr("transform",`translate(${cX},${cY})`) .attr("d",d=>arc(d.y0,d.y1,d.x0,d.x1)) //d supplies string path data .style("fill", d=>d.color) .attr("opacity", label_opacity) .style("stroke", "white") // DEF PATHS: define textpaths svg.append("defs") .selectAll("path") .data(lbl_hdata) .enter() .append("path") .attr("transform", d=>(`translate(${cX},${cY})`)) .attr("id",d=>`${d.id}-path`) .attr("d",d=>d.textpath) // TEXT svg.append("g") .attr("font-size", text_size) .attr("font-family", "Roboto") .style("stroke", "none") .style("fill",textcol) .selectAll("text") .data(lbl_hdata) .enter() .append("text") .attr("dx", "0") .attr("dy", "3") .attr("text-anchor", d=>(d.depth==1?"middle":"start")) .attr("id",d=>`${d.id}-text`) //.attr("transform",`rotate(${x<270 && x>90 ? 270 : 90})`) //.attr("transform","") .append("textPath") .attr("startOffset",d=>(d.depth==1?"50%":"0")) //.attr("side",d=>((text_flip && d.xM>0.5*Math.PI && d.xM<1.5*Math.PI)?"right":"left")) //.attr("side","right") .attr("xlink:href",d=>`#${d.id}-path`) .text(d=>d.id) ; // PLOT const offset = 2*Math.PI/(2*dims); //Build colored polygon stack svg.append("g") .selectAll("path") .data( d3.range(0, max_score) ) .enter() .append("path") .attr("transform", "translate("+cX+","+cY+")") .attr("d", d=>polygon(dims, (max_score-d)*step)) // .attr("fill", d=>color_stack(d)) .attr("fill", d=>d3.color( "hsl("+d3.scaleLinear().domain([0, max_score-1]).range([120,70])(d) +","+d3.scaleLinear().domain([0, max_score-1]).range([20,95])(d)+"%,60%)")) .attr("fill", d=>color_stack(d)) //.attr("fill", "white") // .attr("stroke", "none" ) .attr("stroke-width",1) // Splines svg.append("g") .selectAll("path") .data( d3.range(1,dims+1).map(i=>(i/dims)*360) ) .enter() .append("path") //.join("path") .attr("transform", d=>`translate( ${cX},${cY} )rotate(${d-90})`) .attr("d", d3.line()([[0,0],[rad,0]]) ) .style("stroke", "white") .style("stroke", (d,i)=>color_splines?picknode(lbl_hdata,2,i).color:"white") //.style("fill","none") .style("opacity", spline_opacity) .style("stroke-weight", 1) // Score mask svg.append("path") .attr("transform", "translate("+cX+","+cY+")") .attr("d", polygon(dims, rad)+scoreline(s)) .attr("fill", "white") //.attr("fill", "#718355") .attr("opacity", mask_opacity) .attr("stroke", "white" ) .attr("stroke-width",0) // Scale svg.append("g") .attr("font-size", scale_size) .attr("font-family", "Roboto") .attr("font-weight", "bold") .style("stroke", "none") .style("fill","white") .selectAll("text") .data( d3.range(1, max_score+1) ) .enter() .append("text") .attr("transform", d=>`translate( ${cX},${cY} )`) .attr("dx", "1") .attr("dy", d=>d*(-step)+scale_size+3) .attr("text-anchor", "start") .text(d=>d); //Score line svg.append("path") .attr("transform", "translate("+cX+","+cY+")") .attr("fill","none") .attr("stroke", "white" ) .attr("opacity", 1) .attr("stroke-width", 2) .attr("d", scoreline(s, true) ) //Add score rings svg.selectAll("circle") .data( scoreplot(s) ) .enter() .append("circle") .attr("transform", "translate("+cX+","+cY+")") .attr("fill","none") .attr("stroke",(d,i)=>picknode(lbl_hdata,2,i).color) .attr("stroke-width",2) .attr("opacity", 1) .attr("r",rad/50) .attr("cx",d=>d[1]*Math.cos(d[0]-Math.PI/2)) .attr("cy",d=>d[1]*Math.sin(d[0]-Math.PI/2)); /* const rf = 1.42; const banner_gap = 20; const banner_border = 5; var lx = banner_border; var uy = Math.max(banner_border, cY-rad_outer); const r = svg.append("rect") .attr("width",(width/2-rad_outer)-banner_gap-banner_border) //.attr("height",rf*rad) .attr("x",lx) //.attr("y",uy) .attr("y",cY) .attr("rx",10) .attr("fill","none") //.attr("stroke",bannercol) .attr("stroke-opacity",0.5) .attr("stroke-width",banner_border) .attr("height",0) //.style("visibility","hidden"); ; const maxl = 9; const ml = new Array(maxl); for(let i=0;i{ path.attr("opacity", label_opacity); //meta.style("visibility", "hidden"); meta.text(""); element.value = {title:"", metatext:[]} element.dispatchEvent(new CustomEvent("input")); /* // Vanish the banner r.attr("y",cY); r.attr("height",0); r.attr("opacity",0); // Null all lines for(let i=0;iarc(d.y0,d.y1,d.x0,d.x1)) //d supplies string path data .on("mouseenter",(event, d)=>{ const sequence = d .ancestors() .reverse() .slice(1) path.attr("opacity", node => sequence.indexOf(node) >= 0 ? 1-label_opacity : label_opacity ); element.value = {title:d.data.l, metatext:d.data.m} element.dispatchEvent(new CustomEvent("input")); //element.value = {metatext:d.data.m[0]} // Unfurl the banner /* if(d.xM < Math.PI){ //r.attr("x",cX+rad_outer + banner_gap); lx = cX+rad_outer + banner_gap; }else{ //r.attr("x",banner_border); lx = banner_border; } r.attr("x",lx); const h = 2.3 * d.data.m.length * text_size; r.attr("stroke", d.color); r.attr("opacity",0.85); r.attr("y",cY-(h/2)- text_size/2); r.transition().attr("height",h); //r.transition().attr("height",Math.min(2*rad_outer,height-(2*banner_border))); for(let i=0;i d.l) .parentId(d => d.p) (lbls); //convert to correct number of dimensions const n = countdnodes(root, 2); if (n < dims){ lbls = inflate_rdata(lbls, dims-n); //restratify root = d3.stratify().id(d => d.l).parentId(d => d.p)(lbls); }else if (n > dims){ deflate_hdata(root, n-dims); } // Specify node values root.sum(d=>(d.v?d.v:0)); // Feed the hierarchical data w/ .value into a partition method let arcpartdata = d3.partition() .size([2*Math.PI, 200]) (root); // Add center-angles // RAVEL DESCENDANTS // Ravel all descdenants - permits simple iteration over the whole set let apd = arcpartdata.descendants().filter(d=>d.depth) // MODIFY DATA SET // Set new radii set_radii(apd, [{},{inner: rad+plgap+width_inner+llgap, outer: rad+plgap+width_inner+llgap+width_outer}, {inner: rad+plgap, outer: rad+plgap+width_inner}]) rotate(apd, offset); //addcentroids(apd); addtextpaths(apd); addcolors(apd, rbow); return apd; }38:T5e3,function addtextpaths(data){ let d, r; let xS, yS, xE, yE; let l=0; var offset = Math.PI/2; // Don't know why the offset is necessary, but it is. // Poss d3 and SVG have diff zero point in radial coords? const gap = 0.03; //rad let n; //number of text paths per annular? for (let i=0; iMath.PI){ l=1; }else{ l=0; } d.textpath = ""; for (let j=0; j0.5*Math.PI && d.xM<1.5*Math.PI){ r = d.y0 + (j+1)*rgaps; }else{ r = d.y1 - (j+1)*rgaps; } //r = d.y1 - (j+1)*rgaps; xS = Math.round(r * Math.cos(d.x0-offset+gap)); yS = Math.round(r * Math.sin(d.x0-offset+gap)); xE = Math.round(r * Math.cos(d.x1-offset-gap)); yE = Math.round(r * Math.sin(d.x1-offset-gap)); if(text_flip && d.xM>0.5*Math.PI && d.xM<1.5*Math.PI){ d.textpath += `M ${xE},${yE} A ${r},${r} 0,${l},0 ${xS},${yS} `; }else{ d.textpath += `M ${xS},${yS} A ${r},${r} 0,${l},1 ${xE},${yE} `; } } /* r = (d.y0+d.y1)/2; xS = Math.round(r * Math.cos(d.x0-offset+gap)); yS = Math.round(r * Math.sin(d.x0-offset+gap)); xE = Math.round(r * Math.cos(d.x1-offset-gap)); yE = Math.round(r * Math.sin(d.x1-offset-gap)); */ //d.textpath = `M ${xS},${yS} A ${r},${r} 0,${l},1 ${xE},${yE}`; } return data; }39:[] 32:{"id":"36ca7402b9857952","slug":"spider-dev-2-2","title":"spider dev 2.2","thumbnail":"cb7abc3bf2e23c34fc18f92d383d6400d09fc1f8e7f0d863e339a8b3547814a9","access_level":"public","create_time":"$D2022-06-12T15:33:03.218Z","update_time":"$D2022-06-19T20:53:34.785Z","view_time":null,"first_public_time":"$D2022-06-12T15:39:46.439Z","has_unpublished_edits":null,"fork":{"id":"b422b1f9c9ce2fd6","slug":"spider-dev-2-1","title":"spider dev 2.1","owner":{"id":"f2a9848a5a715e95","login":"rpxpx","name":"richard christian"}},"stars":2,"starred":false,"owner":{"type":"team","id":"f2a9848a5a715e95","login":"rpxpx","name":"richard christian","avatar_url":"https://avatars-next.observableusercontent.com/324875ffe05200e07e9d1c43a1130121f17ab6da67fee97f33210526cbead427","tier":"starter_2024"},"version":3715,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6cdb933d1dd10c8a","login":"rpxpx","name":"richard christian","avatar_url":"https://avatars-next.observableusercontent.com/324875ffe05200e07e9d1c43a1130121f17ab6da67fee97f33210526cbead427","tier":null}],"members":[{"type":"individual","id":"6cdb933d1dd10c8a","login":"rpxpx","name":"richard christian","avatar_url":"https://avatars-next.observableusercontent.com/324875ffe05200e07e9d1c43a1130121f17ab6da67fee97f33210526cbead427","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"spider dev 2.2","cells":[{"id":0,"value":"# spider dev 2.2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2968,"value":"md`### Hierarchical label structure:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3669,"value":"world","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3667,"value":"hello\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":856,"value":"base = [\n {\"l\":\"rt\",\"p\":\"\"},\n {\"l\":\"Socio-cultural\",\"p\":\"rt\"},\n {\"l\":\"Environmental\",\"p\":\"rt\"},\n {\"l\":\"Economic\",\"p\":\"rt\"},\n {\"l\":\"Political\",\"p\":\"rt\"},\n \n {\"l\":\"Co-creation of knowledge\",\"p\":\"Socio-cultural\",\"v\":1},\n {\"l\":\"Social values\",\"p\":\"Socio-cultural\",\"v\":1},\n {\"l\":\"Diets\",\"p\":\"Socio-cultural\",\"v\":1},\n \n {\"l\":\"Recycling\",\"p\":\"Environmental\",\"v\":1},\n {\"l\":\"Input reduction\",\"p\":\"Environmental\",\"v\":1},\n {\"l\":\"Soil health\",\"p\":\"Environmental\",\"v\":1},\n {\"l\":\"Animal health\",\"p\":\"Environmental\",\"v\":1},\n {\"l\":\"Biodiversity\",\"p\":\"Environmental\",\"v\":1},\n {\"l\":\"Synergy\",\"p\":\"Environmental\",\"v\":1},\n \n {\"l\":\"Economic diversification\",\"p\":\"Economic\",\"v\":1},\n {\"l\":\"Fairness\",\"p\":\"Economic\",\"v\":1},\n {\"l\":\"Connectivity\",\"p\":\"Economic\",\"v\":1},\n \n {\"l\":\"Land and resource governance\",\"p\":\"Political\",\"v\":1},\n {\"l\":\"Participation\",\"p\":\"Political\",\"v\":1},\n {\"l\":\"Decentralisation\",\"p\":\"Political\",\"v\":1}\n ]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2956,"value":"### Meta info:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2592,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2604,"value":"// SPLICE\nlabels = {\n for(let i=0;i\");\n \n if (chart.metatext.length > 1){\n md = \"

\"+chart.metatext[i]+\"

\"\n }\n \n return html`\n

${t1}

\n ${t2}
\n ${md}\n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3019,"value":"viewof scores_in = Inputs.text({label: \"Scores\", value: \"0,1,2,3,4,5,6,5,4,3,2,1,0,1,2\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3068,"value":"md`## Various functions - ignore below here.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2848,"value":"// PREP DATA : SCORES\ns = {\n let scores = CSVtoArray(scores_in).map(Number);\n let s = scores.slice(-dims, scores.length).concat(Array.from({length:Math.max(0, dims-scores.length)},i=>0)).map(i=>Math.min(max_score,i))\n return s;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3042,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":939,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3078,"value":"### color and rendering functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2260,"value":"function arc(y0, y1, x0, x1){\n //make arc generator\n const g = (y1-y0)/3;\n const a = d3.arc()\n .cornerRadius(0)\n .padAngle(0.005)\n return a({innerRadius:y0,outerRadius:y1,startAngle: x0, endAngle: x1});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2842,"value":"color_stack = {\n const hi = \"#718355\", lo = \"#e9f5db\";\n return d3.scaleOrdinal(d3.quantize(d3.interpolateHsl(hi,lo),max_score+1));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1354,"value":"rbow = {\n let p = d3.quantize(d3.interpolateRainbow, rbow_steps+1).slice(0,rbow_steps);\n p = wrapshift(p, Number(rbow_offset));\n return d3.scaleOrdinal(p);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1433,"value":"rbow_steps = countdnodes(d3.stratify().id(d => d.l).parentId(d => d.p)(labels),1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1533,"value":"function wrapshift(a, ls){\n ls = ls%a.length;\n return a.slice(ls,a.length).concat(a.slice(0,ls))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":883,"value":"### funcs for hierarchical label data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1081,"value":"//return nth node at depth d from flattened hdata\nfunction picknode(hdata, d, n){ \n let c=0;\n let i=0;\n while(true){\n if(i>=hdata.length){\n return null;\n }\n if (hdata[i].depth==d){\n if(c==n){\n return hdata[i];\n }else{\n c++;\n }\n }\n i++;\n }\n return hdata[i];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":943,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1501,"value":"function addcolors(hdata, colorfunc){\n let c = 0;\n let i = 0;\n \n while (true){\n if (i>=hdata.length || hdata[i].depth>1){\n break;\n }\n if (hdata[i].depth==1){\n if (hdata[i].id==\"empty\"){\n hdata[i].color = \"white\"; \n for (let j=0;jd.depth);\n \n // construct an array containing inner/outer radii for each depth\n for(let i=0; iemptycats(\"\"+d, \"empty\",1)));\n //data.concat(empty);\n return rdata.concat(empty);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":898,"value":"// Deflate hierarchical data\n// Kill n d2 nodes; if dimensions increased, restratify data and inflate if necessary\nfunction deflate_hdata(hdata, n){\n //** Restrict for now to depth 2 nodes **\n \n // determine number of nodes at depth 2 in hdata \n const c = countdnodes(hdata, 2);\n //depth 2 nodes to cut\n const cut = Math.min(n, c);\n for (let i=0; id.depth==1 && d.children.length==0);\n while (p != undefined){\n pop0( p.parent.children );\n p = hdata.find(d=>d.depth==1 && d.children.length==0);\n }\n \n return hdata;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":907,"value":"function killdnode(root, d){\n //kill first node at depth d\n return pop0( root.find(d=>d.depth==2).parent.children );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":908,"value":"function countdnodes(root, d){\n //pass hierarchical data /root/, count nodes at depth d\n let nodes = root.descendants().slice();\n let c = 0;\n for (let i=0; id.depth);\n \n // construct an array containing inner/outer radii for each depth\n for(let i=0; i[(2*Math.PI/p)*(-i), r]\n )\n return d3.lineRadial()(polypoints)\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2949,"value":"//employ global vars: step, attr\nfunction scoreline(a, wrap){\n var wrap = (typeof wrap !== 'undefined') ? wrap : false;\n //recv array of scores, a\n const p = scoreplot(a);\n if(wrap){\n p.push(p[0])\n }\n //return p;\n return d3.lineRadial()(p)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2855,"value":"function scoreplot(a){\n // offset\n const offset = 2*Math.PI/a.length;\n return Array.from(\n {length:a.length}, (_,i)=>[(2*Math.PI/a.length)*(i)+offset, step*a[i]]\n )\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":921,"value":"### consts for h label data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":924,"value":"name_lim = 128;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":927,"value":"name_lim_min = \"Socio-cultural\".length;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":991,"value":"### consts for base plot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":955,"value":"//offset = 2*Math.PI/(2*dims)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"step = rad/max_score","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2096,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 33:"$32:body"