3 months ago
6afb644
The dither AREAS merged into a muddy overlap; a plain line separated them but
lost the dither texture. This adds a line mode to renderDitherChart that keeps
the ordered-dither look while staying distinct — the dither-kit's own LINE
technique, server-side:
- renderDitherChart({ mode: "line" }): fills only a thin glow band (~16% of
plot height) hugging each value line instead of down to the floor, densest at
the stroke and fading away — so overlaid series read as separate dithered
lines, not one filled mass.
- SparkSeries.dashed: breaks a stroke into dashes (dither-kit's
strokeVariant="dashed"). buildSpendChart draws billed solid blurple + actual
dashed yellow, so they separate by color AND pattern.
- footer legend notes the dash; chart stays cell 2 / 540x180.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>Parentf7e10ce