Gráficos

ScatterChart

Relação entre duas variáveis quantitativas.

ScatterChartcorrelaçãodistribuição

Quando usar

Explorar correlação ou dispersão (ex.: preço × m²).

Quando evitar

Categorias nominais — use barras.

Cenário ilustrativo

Preço anunciado × área (amostra ilustrativa).

Variações

  • dois eixos
  • grupos

Interações

  • tooltip
  • legend-toggle

Importação

import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from "@/components/ui/chart"
import { CartesianGrid, Scatter, ScatterChart, XAxis, YAxis, ZAxis } from "recharts"

Demonstração

Carregando…

Tema no header · prefers-reduced-motion desativa animação das séries.