LiveCharts

Getting started

Install and render your first LiveChart

Install

npm install livecharts

React is a peer dependency (react >= 18).

Minimal example

"use client";

import { LiveChart } from "livecharts/react";

const data = [
  { time: Date.now() / 1000 - 30, value: 100 },
  { time: Date.now() / 1000, value: 104 },
];

export default function Page() {
  return (
    <div style={{ height: 280 }}>
      <LiveChart data={data} value={104} window={30} />
    </div>
  );
}

Package layout

ImportExports
livechartsLiveChartEngine, theme helpers, shared types
livecharts/reactLiveChart, LiveChartTransition, hooks

On this page