Experiment with using canvas rendering (needs hitcanvas for click) and disabling tooltip/highlight spring motion

Author: techniq

frontend/src/lib/components/charts/FeaturesLineChart.svelte

@@ -34,6 +34,7 @@
 	})}
 	padding={{ left: 24, bottom: 48 }}
 	legend={{ placement: 'bottom-left', classes: { root: 'right-0 overflow-auto scrollbar-none' } }}
+	_renderContext="canvas"
 	{...lineChartProps}
 	{...restProps}
 >

frontend/src/lib/components/charts/common.ts

@@ -25,6 +25,7 @@ export const tooltipProps = {
 	root: {
 		variant: 'none',
 		class: 'text-small bg-neutral-200 border border-neutral-400 rounded-md shadow-lg'
+		// motion: false,
 	},
 	header: {
 		class: 'text-neutral-700 bg-neutral-300 px-3 py-1'
@@ -54,6 +55,7 @@ export const lineChartProps = {
 	props: {
 		spline: { class: 'stroke-1' },
 		tooltip: tooltipProps
+		// highlight: { motion: false }
 	}
 } satisfies NonNullable<ComponentProps<typeof LineChart>>;