A first chart

// apps/docs/examples/charts/first-chart.tsx'use client';
import {  ChartDefaults,  englishChartTranslator,  LineChart,} from '@workspace/active-charts';
const data = [  {date: new Date(Date.UTC(2026, 0, 2)), price: 100.5},  {date: new Date(Date.UTC(2026, 0, 5)), price: 101.2},  {date: new Date(Date.UTC(2026, 0, 6)), price: 102.0},  {date: new Date(Date.UTC(2026, 0, 7)), price: 101.4},  {date: new Date(Date.UTC(2026, 0, 8)), price: 103.1},  {date: new Date(Date.UTC(2026, 0, 9)), price: 104.0},];
/** The smallest chart: a presentation and a translator once, a line per series. */export default function FirstChart() {  return (    <ChartDefaults locale="en-GB" t={englishChartTranslator}>      <LineChart        data={data}        xKey="date"        yKey="price"        name="Price"        // The x values are calendar days, not moments in time.        xAxis={{temporalSemantic: 'calendarDate'}}        height={260}      />    </ChartDefaults>  );}