Chart Prompts

Restyle my chart in the "Anodized" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a machined instrument panel from a high-end bicycle or hardware workshop. Brushed titanium-grey aluminum with chamfered edges and countersunk screws; data drawn as anodized color inlays. Precise, technical and tactile.

Colors (use these exact values):
- Surround: #1B1D21. Panel face: #2A2D32, as a diagonal gradient from #33363C through #2A2D32 to #24272B.
- Series: #4FA3E8 (anodized blue), #D9A53A (anodized gold), #A887E6 (anodized violet).
- Laser-etched text and ticks: #B8BCC2. Secondary text: #80858D. Title: #E6E8EB. Grooves: #15171A.

Typography (Google Fonts):
- Barlow Semi Condensed throughout. Title 600, 32px, #E6E8EB, sentence case stating the finding. Eyebrow 600, 12px, uppercase, 3px letter-spacing, #80858D. Subtitle 400, 16px, #B8BCC2. Axis labels 500, 13px, #B8BCC2 (the baseline value 700 in #E6E8EB). End values 700, 26px in the series color. Series names 600, 12px, uppercase, 1.6px letter-spacing. Source 400, 12px; a panel code at the bottom right 600, 11px, 2.4px letter-spacing.

Layout:
- The panel is an octagon with 20px chamfered corners inset 22px from the canvas edge, surrounded by a 4px bevel ring whose diagonal gradient runs #8E939B (lit, top left) through #4A4E55 to #141619 (shaded, bottom right).
- Four countersunk screws 44px in from each corner: a 10px radius countersink (radial gradient #101215 center to #5A5F67 rim), a 6.5px domed head (radial gradient #B9BEC5 to #4C5057 lit from the top left) and a dark hex socket.
- Text at x 80. Plot about x 110 to 730, y 196 to 500, leaving the right side for direct labels.

Axes and grid:
- Etched gridlines: a 0.8px #44484F line with a 0.6px dark line 0.8px below it. Labels right-aligned 14px left of the plot.
- The baseline (100 for an index, 0 otherwise) is a machined groove: a 3.2px #15171A rounded line with a 0.8px #6E737B lip 2.1px below it, extending 6px past the plot.
- A 1px floor line with 6px etched ticks and labels 24px below.

Marks:
- Line chart: each line is an inlay. Draw a 7.5px #15171A groove, a 6px blurred glow (blur 3) in the series color at 35%, the 3.6px anodized color line with round joins, and a 0.9px white sheen at 40% opacity offset 0.9px up. Straight segments. End each line with a 6px dark ring and a 4px colored dot, then a 14px leader and the value and name as direct labels. No legend.
- Bar chart: bars are anodized inlays in the same colors, square corners, set into a 1.5px #15171A groove outline, with a vertical sheen (lighter 15% at the top, darker 15% at the bottom) and a 1px white highlight at 35% along the top edge. Values in Barlow Semi Condensed 700 above the bars.

Texture:
- Brushed grain across the face: fractal noise stretched horizontally (base frequency 0.0015 x 0.75, 3 octaves) mapped to light grey at 13% opacity, clipped to the panel.

Avoid: glossy chrome, bright white text blocks, rounded panel corners, gradients inside the lines, dashed series and a boxed legend.

When you're done, render the chart and check that the screws sit clear of all text, the three inlays are distinct in color and label, the baseline groove is visible, and the headline matches the indexed values.