function render(points, { ...options }) { options.isStacked = options.isStacked ?? false; options.isDashed = options.isDashed ?? false; options.pathColor = options.pathColor ?? "black"; options.scale = options.scale ?? 40; options.pathSize = options.pathSize ?? 0.1 * options.scale; options.circleSize = options.circleSize ?? 0.15 * options.scale; const path = curvedPath(points); const box = bbox(points); const width = 2.2 * options.scale; // (box.xMax - box.xMin) * scale + scale; let height = 2.2 * options.scale; // (box.yMax - box.yMin) * scale + scale; const translateX = width / 2; const translateY = height / 2; height = options.isStacked ? 2.6 * options.scale : height; const groupStackStyle = ` visibility: ${options.isStacked ? "visible" : "hidden"}; `; const groupStyle = ` transform: translate(${translateX}px, ${translateY}px); `; const pathStyle = ` transform: scale(${options.scale}); fill: white; stroke: ${options.pathColor}; stroke-width: ${options.pathSize / options.scale}px; stroke-dasharray: ${options.isDashed ? "0.25px 0.2px" : "none"}; `; const circleStyle = ` stroke: black; transform: scale(${1}); `; return html` `; }