Frontend: Refactors Rate bar chart to D3

[benhammondmusic]

Description and Motivation

• create drop in replacement component for the rate chart using d3 rather than Vega
• splits out sub components like Axes, Gridlines etc for smaller code files and mimicking pattern from Mia (d3 trend charts) and @eriwarr (stacked share vs population charts)
• rename rate chart card component that wraps the chart
• renames ambiguous prop metric to more specific mertricConfig
• hides the demographic type label (like "race and ethnicity") vertically along the y axis on small screens to give more horizontal space to the chart
• hide the bar label qualifier per 100k from the smallest screens

Has this been tested? How?

• e2e tests updated and passing
• passing unit tests added for rate bar chart helper functions

Screenshots (if appropriate)

Screen Reader Walk Through Demo (Captions)

screen.reader.bar.chart.mov-shrunk.mp4

Mobile, Compare Mode, Hover Tooltip

Desktop Various Units

Types of changes

(leave all that apply)

• New content or feature
• Refactor / chore

New frontend preview link is below in the Netlify comment 😎

[netlify]

✅ Deploy Preview for health-equity-tracker ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	22e16ae
🔍 Latest deploy log	https://app.netlify.com/sites/health-equity-tracker/deploys/67097509df38de0008239703
😎 Deploy Preview	https://deploy-preview-3713--health-equity-tracker.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[eriwarr]

Awesome!