LiveCharts

Introduction

Real-time canvas charts for React

LiveCharts is a real-time animated charting library with a framework-agnostic canvas engine and React bindings.

Install

npm install livecharts

React

import { LiveChart } from "livecharts/react";

export function Chart() {
  return (
    <LiveChart
      data={[
        { time: 1, value: 10 },
        { time: 2, value: 12 },
      ]}
      value={12}
    />
  );
}

Core engine

import { LiveChartEngine } from "livecharts";

On this page