31:Tcaf,{ let { rmin, rmax, margin, tension, zeroes, grid, gridColor } = config; let insertZeroes = function (array) { let result = []; for (let x of array) { result.push(x, 0); } return result; }; let radians = (degrees) => (Math.PI / 180) * degrees; let size = 2 * (rmax + margin); let center = rmax + margin; let mysvg = DOM.svg(size, size); // --- Convert Canvas to Data URL --- const dataUrl = bkg.toDataURL(); const svgDefs = svg``; // Create the pattern element const pattern = svg``; pattern.setAttribute("id", "starFill"); pattern.setAttribute("patternUnits", "userSpaceOnUse"); pattern.setAttribute("width", size); // Corresponds to viewBox width pattern.setAttribute("height", size); // Corresponds to viewBox height // Create the image element inside the pattern const image = svg``; image.setAttribute("href", dataUrl); image.setAttribute("x", "0"); image.setAttribute("y", "0"); image.setAttribute("width", size); // Corresponds to viewBox width image.setAttribute("height", size); // Corresponds to viewBox height // Assemble and apply pattern.appendChild(image); svgDefs.appendChild(pattern); mysvg.appendChild(svgDefs); const data1 = [], data2 = []; for (let i = 0; i < config.npoints; i++) { data1.push(series1.vvalues["value" + (i + 1)]); data2.push(series2.vvalues["value" + (i + 1)]); } const series = [ { data: data1, angle: 0 }, { data: data2, angle: series2.config.angle, outline: true, color: series2.config.color, strokeWidth: series2.config.strokeWidth, opacity: series2.config.opacity } ]; if (grid) { let ncircles = 8; let scale = d3.scaleLinear().domain([1, ncircles]).range([rmin, rmax]); for (let i = 1; i <= ncircles; i++) { let r = scale(i); mysvg.append( svg`` ); } } //let min = Math.min(...data); let max = Math.max(...data1, ...data2); let scale = d3.scaleLinear().domain([0, max]).range([rmin, rmax]); for (let { color, data, angle, outline = false, strokeWidth = 0, opacity = 1 } of series) { if (zeroes) data = insertZeroes(data); let n = data.length; let curve = new Curve(); for (let i = 0; i < n; i++) { let ang = radians(angle) + (radians(360) / n) * i; let r = scale(data[i]); curve.push(Vec(r * Math.cos(ang), r * Math.sin(ang))); } curve = curve.splineResample(30 * n, true, tension); let path = []; let { x, y } = curve[0]; path.push([x + center, y + center]); for (let { x, y } of curve) { path.push([x + center, y + center]); } let c = d3.color(color || "black").hex(); if (outline) { mysvg.append( svg`` ); } else { const fill = color || "url(#starFill)"; mysvg.append( svg`` ); } } return mysvg; }32:T759,bkg = { let { rmin, rmax, margin, tension, zeroes, grid, gridColor } = config; const size = 2 * (rmax + margin); const canvas = htl.html`