prepare-chart-data

name	prepare-chart-data
description	Order, aggregate, derive, and transform application rows for TanStack Charts while preserving semantic units and lineage. Load for stacks, bins, groups, rolling windows, ranks, regression, hierarchy, missing values, or reactive transform work.
metadata	{"type":"core","library":"@tanstack/charts","library_version":"0.16.0"}
sources	["TanStack/charts:docs/guides/transforms-and-reactivity.md","TanStack/charts:docs/reference/transforms.md","TanStack/charts:docs/reference/marks/line-and-area.md"]

Prepare Chart Data

Use trigger → inspect → decide → build → verify. Keep analytical preparation outside responsive layout and preserve the row lineage needed by tooltips, selection, tables, and drill-down.

Setup

Prepare semantic rows once, then pass them to marks:

import { groupBy, lineY, rollingWindow } from '@tanstack/charts'

interface Order {
  day: string
  region: string
  amount: number
}

export function () {
   daily = (orders, {
    : { : , :  },
    : {
      : { : , :  },
      : { :  },
    },
  })

   (daily, {
    : ,
    : ,
    : ,
    : ,
    : { : { : , :  } },
  })
}

 prepared = ([
  { : , : , :  },
  { : , : , :  },
])

  revenueMark = (prepared, {
  : ,
  : ,
  : ,
})