Exemplo técnico: gráfico estático e interativo

Post de prova do pipeline Quarto + R: um gráfico ggplot estático e um gráfico Plotly interativo, renderizados para HTML estático e integrados ao site.

Data de Publicação

22 de junho de 2026

Este é um post de prova do pipeline Quarto + R. O código abaixo é executado no momento da renderização (localmente, com freeze), e o resultado vira HTML estático — sem precisar de R no servidor.

Gráfico estático (ggplot2)

Mostrar código

library(ggplot2)

ggplot(mtcars, aes(wt, mpg, color = factor(cyl))) +
  geom_point(size = 3) +
  labs(x = "Peso (1000 lb)", y = "Consumo (mpg)", color = "Cilindros") +
  theme_minimal(base_size = 13)

Figura 1: Relação entre peso e consumo no conjunto `mtcars`.

Gráfico interativo (Plotly)

O gráfico a seguir é interativo: passe o mouse para ver os valores, dê zoom e isole séries clicando na legenda.

Mostrar código

library(plotly)

plot_ly(
  mtcars,
  x = ~wt, y = ~mpg, color = ~factor(cyl),
  type = "scatter", mode = "markers",
  marker = list(size = 10)
) |>
  layout(
    xaxis = list(title = "Peso (1000 lb)"),
    yaxis = list(title = "Consumo (mpg)"),
    legend = list(title = list(text = "Cilindros"))
  )

Figura 2

Se você está vendo os dois gráficos — um fixo e um interativo — o pipeline está funcionando de ponta a ponta.

Gráfico estático (ggplot2)

Gráfico interativo (Plotly)

Leia também