@grayhem/charts

Rendering primitives and chart contracts for embedded analytics UIs.

Core exports

• Visualization: render built-in or custom chart displays.
• registerChart: register custom chart definitions.
• transformSeriesForDisplay: shared metric/dimension/groupBy shaping helper.
• getComputedSettings: resolve chart settings with dependency-aware defaults.

Composable mode example

import { Visualization, transformSeriesForDisplay } from "@grayhem/charts";

const series = transformSeriesForDisplay({
  display: "bar",
  series: rawSeries,
  metric: "revenue",
  dimension: "date",
  groupBy: "service",
});

<Visualization display="bar" series={series} width={900} height={320} />;

transformSeriesForDisplay is deterministic and framework-agnostic, so the same call can be used in browser and server code paths.