import React, { useCallback } from 'react' import { VisXYContainer, VisAxis, VisArea, VisXYLabels } from '@unovis/react' import { data, formats, DataRecord, getLabels } from './data' export default function StackedArea (): JSX.Element { const labels = getLabels(data) return ( <> <VisXYContainer data={data} height={'50vh'}> <VisArea x={useCallback((d: DataRecord) => d.year, [])} y={formats.map(g =>
![Unovis](https://cdn-ak-scissors.b.st-hatena.com/image/square/e0c0b049a27bfa500286d9f7101408d654a9bebe/height=288;version=1;width=512/https%3A%2F%2Funovis.dev%2Fimg%2Funovis-social.png)