Trazado y gráficos

Visualización dinámica de datos para bloques de código interactivos

Descubra cómo crear visualizaciones dinámicas en documentos Quarto interactivos utilizando Quarto Live. Aprenda a trazar datos en R con ggplot2 y en Python con matplotlib.

Herramientas
Autor/a
Afiliación
Fecha de publicación

7 de marzo de 2025

Palabras clave

Trazado, Gráficos, Trazado interactivo, ggplot2, matplotlib

Introducción

La extensión quarto-live prepara los entornos R y Python con dispositivos gráficos compatibles con WebAssembly, por lo que los gráficos funcionan desde el primer momento. En esta guía, aprenderá a crear visualizaciones interactivas y a personalizar sus gráficos directamente en sus documentos Quarto.



Ejemplos de visualización dinámica

A continuación se muestran ejemplos de gráficos interactivos tanto para R como para Python, mostrados uno al lado del otro utilizando un conjunto de pestañas de Quarto.

Código fuente

Personalización del tamaño del gráfico

Puede configurar el tamaño del gráfico utilizando las opciones de celda fig-width y fig-height. El tamaño de la figura se mide en pulgadas y los gráficos se representan con una escala interna de 2×.

Código fuente

```{webr}
#| fig-width: 8
#| fig-height: 4
plot(rnorm(10000), t = 'l')
```

Resultados

Código fuente

```{pyodide}
#| fig-width: 8
#| fig-height: 4
#| fig-dpi: 72
import matplotlib.pyplot as plt
import numpy as np

x = np.random.normal(1, 1, 10000)
plt.plot(x, '-')
plt.show() 
```

Resultados

Requisitos del navegador para gráficos

Tanto para R como para Python, el dispositivo gráfico predeterminado basado en lienzo requiere un navegador web que admita la API OffscreenCanvas. La mayoría de los navegadores modernos son compatibles con esta API; sin embargo, es posible que los sistemas más antiguos o algunos dispositivos móviles no lo sean.

Gráficos de R

Para los gráficos webR, existe un dispositivo de reserva bitmap basado en una compilación WebAssembly de la biblioteca de gráficos Cairo. Aunque esta alternativa funciona bien, es más lenta y requiere la descarga de recursos adicionales al cargar la página.

Gráficos de Python

Para Pyodide, actualmente no hay ningún bitmap alternativo. Los navegadores no compatibles pueden mostrar un mensaje de error similar a:

Advertencia

No se puede importar «OffscreenCanvas» desde «js»

Nota

Se prevé una alternativa gráfica similar bitmap para Python en una versión futura de quarto-live.

Lecturas adicionales

Para obtener más detalles sobre el trazado interactivo, considera explorar:

  • Visualización interactiva de datos en R (id_x48) – Aprenda a crear visualizaciones dinámicas utilizando id_x39 y Plotly.
  • Gráficos interactivos en Python: profundice en la creación de gráficos interactivos utilizando matplotlib y Plotly.
  • Ejecución híbrida y visualización: explore técnicas avanzadas para combinar gráficos interactivos en directo y prerenderizados.

Explorar más artículos

Nota

Aquí hay más artículos de la misma categoría para ayudarte a profundizar en el tema.

placeholder

placeholder
No hay resultados
Volver arriba

Reutilización

Cómo citar

BibTeX
@online{kassambara2025,
  author = {Kassambara, Alboukadel},
  title = {Trazado y gráficos},
  date = {2025-03-07},
  url = {https://www.datanovia.com/es/learn/interactive/getting-started/plotting.html},
  langid = {es}
}
Por favor, cita este trabajo como:
Kassambara, Alboukadel. 2025. “Trazado y gráficos.” March 7, 2025. https://www.datanovia.com/es/learn/interactive/getting-started/plotting.html.