@vis-pilot/react

React wrapper components for vis-pilot.

Usage

import { VisPilotChart } from '@vis-pilot/react'

export function DemoChart() {
  return (
    <VisPilotChart
      mode="schema"
      input={{
        type: 'line',
        title: 'React Demo',
        dataset: {
          dimensions: ['month', 'value'],
          source: [
            { month: 'Jan', value: 120 },
            { month: 'Feb', value: 150 },
            { month: 'Mar', value: 170 }
          ]
        },
        encode: {
          x: 'month',
          y: 'value'
        }
      }}
      style={{ width: '100%', height: 420 }}
    />
  )
}