[#1051] Fix airdrop chart label overlap via banded Y-axis

[realproject7]

Fixes #1051

Summary

The /airdrop chart from #1049 has the right concept (time-series, X=time, Y=MCap) but the pure log Y-axis math jams adjacent milestones together whenever their ratio is small relative to the total log range. In production the live page shows $50K — unlocks 100% overlapping $35K — unlocks 50%, and $10K — unlocks 30% overlapping $7K — unlocks 10%.

Replaces the log function mcapToY(mcap, yMin, yMax) with a piecewise-linear-banded Y-axis where each of the 4 milestones gets an equal 25% band of chart height. Within a band, position is log-interpolated between that band's lower and upper milestone values.

y from chart top:
   0%    diamond  ┐
        zone 3    │ gold→diamond, log-interp
  25%    gold    ─┤
        zone 2    │ silver→gold, log-interp
  50%    silver  ─┤
        zone 1    │ bronze→silver, log-interp
  75%    bronze  ─┤
        zone 0    │ floor→bronze, log-interp  (floor = bronze / 100)
 100%    floor    ┘

Milestone labels are anchored to band boundaries, so they're always 25% of chart height apart and cannot collide regardless of MCap ratios. Same chart geometry works for test mode and prod mode — only the milestone numeric values change.

Math sanity check (prod milestones $1M/$10M/$50M/$100M)

MCap	Computed Y	Visual position
$31K (current)	0.94	pre-bronze band, near chart bottom
$1M	0.75	bronze line
$10M	0.50	silver line
$50M	0.25	gold line
$100M	0.00	diamond line (chart top)

Other changes

• Drop the Y-axis tick label column entirely. The right-edge milestone labels already convey what each band's top value is; stacking another column at the left edge re-introduces the overlap problem (and was where the spurious $50 floor label was coming from).
• Add subtle alternating band stripes (4% accent fill on alternate bands) for zone separation.
• Wrap right-edge milestone labels in <g className="hidden sm:block"> instead of putting Tailwind responsive classes directly on <text> elements (the latter is non-portable for SVG).
• Diamond label rendered below its line (line is at chart top → above-line position would clip).

Files

• src/components/airdrop/CampaignHero.tsx — replace mcapToY with makeMcapToY, drop Y-tick rendering, add band stripes, fix label wrapper.
• package.json — version bump 1.6.1 → 1.6.2 (3rd digit, bug fix).

Test plan

• npm run typecheck passes (verified)
• npm run lint passes — no new errors/warnings on CampaignHero.tsx (verified)
• At currentFdv=$31K prod milestones, heartbeat dot is in pre-bronze band (Y between 75% and 100% of chart height)
• At currentFdv=$31K test milestones ($7K/$10K/$35K/$50K), dot is in silver→gold band (Y between 25% and 50%)
• No two milestone labels overlap visually at any viewport ≥320px wide
• No $50-style floor label artifact on the left edge
• Mobile (<640px): right-edge labels hidden, mobile legend below chart shows all 4 milestones
• Empty pl_daily_prices: chart frame + projection line + milestone lines + current dot still render

Reviewer note

Block this PR if it:

• (a) reintroduces a single global Math.log10-based Y mapping over the whole [floor, diamond] range
• (b) keeps Y-axis tick labels alongside right-edge milestone labels
• (c) hardcodes any color hex

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
plotlink	Ignored		May 5, 2026 0:35am