Method renderSparkline

src/views/StatsView.ts:1455–1499

* Render SVG sparkline

(container: HTMLElement, data: TrendDataPoint[])

	 * Render SVG sparkline
	 */
	private renderSparkline(container: HTMLElement, data: TrendDataPoint[]) {
		container.empty();

		if (data.length === 0) {
			return;
		}

		const width = 100;
		const height = 20;
		const maxValue = Math.max(...data.map((d) => d.value));

		if (maxValue === 0) {
			return;
		}

		const svg = activeDocument.createElementNS("http://www.w3.org/2000/svg", "svg");
		svg.setAttribute("width", width.toString());
		svg.setAttribute("height", height.toString());
		svg.setAttribute("viewBox", `0 0 ${width} ${height}`);
		svg.classList.add("stats-view__sparkline-svg");

		// Create path
		const path = activeDocument.createElementNS("http://www.w3.org/2000/svg", "path");

		let pathD = "";
		data.forEach((point, index) => {
			const x = (index / (data.length - 1)) * width;
			const y = height - (point.value / maxValue) * height;

			if (index === 0) {
				pathD += `M ${x} ${y}`;
			} else {
				pathD += ` L ${x} ${y}`;
			}
		});

		path.setAttribute("d", pathD);
		path.setAttribute("fill", "none");
		path.setAttribute("stroke", "currentColor");
		path.setAttribute("stroke-width", "1.5");
		path.setAttribute("opacity", "0.7");

		svg.appendChild(path);
		container.appendChild(svg);
	}

	/**
	 * Open project drill-down modal