Chart Prompts

Restyle my chart in the "Sparkline Table" 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 crisp operations report table, the kind a revenue manager scans in ten seconds. Quiet ink-gray sparklines, precise mono figures and two tiny colored dots doing the storytelling.

Colors (use these exact values):
- Page: #F3F4F6 (light gray). Table card: #FFFFFF with a 1px #E2E5EA border, 10px corner radius and a 1.5px offset #E5E7EB shadow edge underneath (a solid shape, no blur).
- Header strip fill: #F9FAFB, separated from the rows by a 1px #D1D5DB rule. Row hairlines: 1px #E5E7EB, inset 16px from the card edges.
- Sparklines: #4B5563 (ink gray). Minimum dot: #2563EB (blue). Maximum dot: #DC2626 (red). End dot: #111827.
- Normal band behind each sparkline: #E6EBF2.
- Text: #111827 primary, #6B7280 secondary. Direction: up #047857, down #C2410C.

Typography (Google Fonts):
- Inter for all words: title 700 25px #111827 with -0.4px letter-spacing, stating the finding; subtitle 400 14px #6B7280 naming measure, unit, period and what the shaded band means; row names 600 15px, with a 400 12px #6B7280 sub-label (location) under each; column headers 600 10.5px uppercase with 1.3px letter-spacing in #6B7280 (a small-caps strip); source 11.5px #6B7280.
- IBM Plex Mono for every number, with tabular figures (font-variant-numeric: tabular-nums), all right-aligned: range column 400 13px #6B7280 ("33–90"), latest value 600 15px #111827 ("41%"), change 500 13px in the direction color ("+8 pts", with a true minus sign for negatives).

Layout:
- 40px page margins. Title baseline at y 52, subtitle at y 78, table card from y 98 with a 34px header strip and 52px rows (eight rows fill to about y 548). Source line at y 580, left-aligned.
- Columns: name at x 64; sparkline from x 262 to x 622; range right-aligned at x 716; latest value right-aligned at x 790; a 9px direction triangle centered at x 832; change right-aligned at x 896.
- Header strip labels: "HOTEL" (or the row noun), the first period label left-aligned over the sparkline start and the last period right-aligned over its end, and between them a dot key: blue dot "LOW", red dot "HIGH" and a 16 x 9px band swatch "NORMAL".
- Sort rows by a meaningful statistic and say which in the source line.

Axes and grid:
- No axes, ticks or gridlines anywhere. Each sparkline uses the same fixed y domain across rows (shared scale) filling the row minus 5px top and bottom.
- The normal band is a full-width #E6EBF2 rectangle spanning the normal range on that shared scale.

Marks:
- Line chart: one sparkline per series, 1.6px #4B5563 straight segments with round joins. Minimum point: r 3.4 #2563EB dot with a 1.2px white ring; maximum point: r 3.4 #DC2626 dot with a white ring; the final point gets a r 2.4 #111827 dot unless it is already the min or max.
- Bar chart: the same table, with each sparkline cell holding tiny 60%-band-width columns in #4B5563 rising from the row baseline over the normal band, the lowest column filled #2563EB and the highest #DC2626. Same mono columns on the right.
- Direction triangles: 9px wide, 6.5px tall, pointing up in #047857 or down in #C2410C.

Avoid: gridlines, axis labels on the sparklines, color fills under the lines, more than two accent dot colors, proportional (non-tabular) numerals, centered numbers, zebra striping, drop shadows with blur.

When you're done, render the chart and check that every number column is right-aligned on a shared edge, the blue and red dots sit on the true minimum and maximum of each row, change values match last minus first, and nothing crowds the header key.