No data

\n\n const [hiddenSeries, setHiddenSeries] = useState>(new Set());\n const [hoveredSeries, setHoveredSeries] = useState(null);\n\n function generateHighContrastColors(count: number, minHueDistance = 30): string[] {\n const colors: string[] = [];\n const rng = seedrandom(dish.id);\n\n while (colors.length < count) {\n const h = Math.floor(rng() * 360);\n const s = 70 + Math.random() * 30; // Saturation 70–100%\n const l = 40 + Math.random() * 20; // Lightness 40–60%\n\n // Check against all existing colors\n const isDistinct = colors.every((existing) => {\n const [eh, ,] = parseHSL(existing);\n const hueDiff = Math.abs(h - eh) % 360;\n return hueDiff >= minHueDistance && hueDiff <= (360 - minHueDistance);\n });\n\n if (isDistinct) {\n colors.push(`hsl(${h}, ${s.toFixed(1)}%, ${l.toFixed(1)}%)`);\n }\n }\n\n return colors;\n }\n\n function parseHSL(hsl: string): [number, number, number] {\n const match = hsl.match(/hsl\$(\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\$/);\n if (!match) throw new Error(\"Invalid HSL format\");\n return [parseInt(match[1]!), parseFloat(match[2]!), parseFloat(match[3]!)];\n }\n\n const colors = generateHighContrastColors(dish.components.length);\n\n const handleLegendClick = (entry: any) => {\n const name = entry.value;\n setHiddenSeries(prev => {\n const newSet = new Set(prev);\n if (newSet.has(name)) {\n newSet.delete(name);\n } else {\n newSet.add(name);\n }\n return newSet;\n });\n };\n\n const handleLegendMouseEnter = (entry: any) => {\n setHoveredSeries(entry.value);\n };\n\n const handleLegendMouseLeave = () => {\n setHoveredSeries(null);\n };\n\n // Generate time series data using the extracted utility functions\n const timeSeriesData = dish.analysis?.allComponentsIntensityTimeSeries ?? [];\n const maxTime = Math.max(...timeSeriesData.map(d => d.time));\n\n return (\n \n \n \n \n [`${value.toFixed(2)}`, name]}\n labelFormatter={(time: number) => {\n const relativeTime = time / maxTime;\n if (relativeTime < 0.33) return 'Early';\n if (relativeTime < 0.66) return 'Middle';\n return 'Late';\n }}\n />\n \n {Object.keys(timeSeriesData[0]).filter(k => k !== 'time').map((key, i) => (\n \n ))}\n \n \n );\n} ","deleted","label",[176,177,178,158],"frontend","components","analysis","permalink","https://www.val.town/x/damonb/react-hono-with-react-router/code/frontend/components/analysis/AromaTimeSeriesChart.tsx","extension","actionData","errors"]