Beautiful charts
for React.

Drop in a chart

Import a component, pass your data. That's it — you get animations, responsive layout, hover tooltips, and a legend for free.

import { BarChart, formatCurrency } from 'foundry-charts'
import 'foundry-charts/styles'

const data = [
  { month: 'Jan', parts: 28000, labor: 19000, sublet: 4200 },
  { month: 'Feb', parts: 31000, labor: 22000, sublet: 3800 },
  // ...
]

export function RevenueChart() {
  return (
    <BarChart
      data={data}
      series={[
        { key: 'parts', label: 'Parts' },
        { key: 'labor', label: 'Labor' },
        { key: 'sublet', label: 'Sublet' },
      ]}
      xKey="month"
      variant="stacked"
      formatY={formatCurrency}
    />
  )
}