Data Visualization Libraries Comparison - Data Types

datap-types.ts

// https://codesandbox.io/s/white-snow-1u6ei

// D3 in React Chart Data
type D3Data = Array<{
  date: string,
  point1: number,
  point2: number,
}>

// Victory Chart Data
type VictoryData = Array<{
  x: string,
  y: number,
}>

// Recharts Chart Data
type RechartsData = Array<{
  x: string,
  y: number,
  y1: number,
}>

// Nivo Chart Data
type NivoData = Array<{
  id: string                  // category id
  data: Array<{               // category data
    x: string,
    y: number
  }>
}>

//  React-vis Data
type ReactVisData = Array<
  Array<{
    x: number,                // miliseconds for date
    y: number
  }>
>

// Viser Data
type ViserDate = Array<{
  type: string,              // category
  x: string,                 // date
  y: number,
}>