@graphique/graphique/src/atoms/scales/x.ts

A data visualization system for React based on the Grammar of Graphics.

import { atom } from 'jotai'
import { XYScaleProps } from './types'

interface XScaleProps extends XYScaleProps {
  isFixed?: boolean
}

export const xScaleState = atom<XScaleProps>({
  numTicks: (width) => {
    if (width && width < 500) return 3
    if (width < 800) return 5
    return undefined
  },
})