Usage

You can pass undefined or partially loaded data to GlobalChart and GlobalChartMinified. We handle skeleton loading for you.

import {
  GlobalChart,
  GlobalChartMinified,
} from "@tech-usage/global-data-visualization";

function MyComponent() {
  return (
    <>
      <GlobalChart
        locale="en"
        globalChartData={data}
        uiConfiguration={uiConfiguration}
        accessConfiguration={accessConfiguration}
        onPaywallTriggered={(featureKey: string) => {
          console.log(`Paywall triggered ${featureKey}`);
        }}
      />
      <GlobalChartMinified
        locale="en"
        globalChartData={dataMinified}
        uiConfiguration={uiConfiguration}
      />
    </>
  );
}
Last updated: March 31, 2026 at 13:04
By: Jan Philipp Eggemann