Orbit UI

Scatter Chart

PRO

Dispersion de dos variables con radio opcional como tercera dimension (bubble). Grilla en ambos ejes, deteccion del punto mas cercano al cursor y tooltip anclado al punto.

npx orbitui-cli add scatter-chart

Costo vs. conversión

El tamaño del punto es el volumen de impresiones

  • Búsqueda marca
  • Búsqueda genérica
  • Display

Props

PropTipoDescripción
data*ScatterSeries[]
heightnumber
xLabelstring
yLabelstring
formatX(value: number) => string
formatY(value: number) => string
classNamestring
aria-label*string

Qué instala

Archivo
components/orbit/charts/scatter-chart.tsx
Componentes
chart-core, cx
Paquetes npm
ninguno

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.