Recharts best practices

Use when building or reviewing Recharts charts in React.

Mental model

• Recharts is a declarative React charting library built from composable components.
• Keep chart structure aligned with React composition: chart container, axes, series, tooltip, legend, and custom pieces should each have clear ownership.
• Prefer straightforward chart composition before reaching for low-level customization.

Composition

• Pick the simplest chart type that matches the data story: line, bar, area, scatter, composed, pie, and so on.
• Keep shared chart concerns explicit: axes, margins, tooltip, legend, and grid should be configured intentionally rather than copied from examples without review.
• Extract reusable chart wrappers only after multiple charts share stable structure and behavior.

Data modeling