@risklab/charts-react

First-class React adapter package for RiskLab charts.

This is the recommended chart entrypoint for React apps. It keeps the core chart engine in @risklab/charts and gives product teams a clear React install surface that is easy to explain during review.

Install

npm install @risklab/charts @risklab/charts-react

Quick start

import { Chart } from "@risklab/charts-react";

const series = [
  {
    id: "latency",
    name: "P95 latency",
    type: "line",
    data: [
      { x: "Mon", y: 112 },
      { x: "Tue", y: 96 },
      { x: "Wed", y: 104 },
      { x: "Thu", y: 88 },
    ],
  },
];

export function LatencyChart() {
  return (
    <Chart
      title="Service latency"
      height={320}
      series={series}
      yAxis={{ title: { text: "Milliseconds" } }}
    />
  );
}

Theming

RiskLab charts can follow a host design system without a React-specific wrapper package:

import { createTheme } from "@risklab/charts";
import { applyThemeCSSVars } from "@risklab/charts/css-vars";

Use @risklab/charts/theme-object when a host application already has a theme object and needs a direct token bridge.