Tracé et graphiques

Introduction

L’extension quarto-live prépare les environnements R et Python avec des périphériques graphiques compatibles WebAssembly, de sorte que le traçage fonctionne dès le départ. Dans ce guide, vous apprendrez à créer des visualisations interactives et à personnaliser vos tracés directement dans vos documents Quarto.

Exemples de visualisation dynamique

Vous trouverez ci-dessous des exemples de tracés interactifs pour R et Python, présentés côte à côte à l’aide d’un ensemble de tabulations Quarto.

Source Code

Exemple R

Exemple Python

Exemple R

Exemple Python

Adaptation de la taille du tracé

Vous pouvez configurer la taille du tracé à l’aide des options de cellule fig-width et fig-height. La taille des figures est mesurée en pouces, et les tracés sont rendus avec une mise à l’échelle interne de 2×.

R : Dimensions personnalisées des graphiques

Source Code

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

Résultats

Python : Dimensions de tracé personnalisées

Source Code

```{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() 
```

Résultats

Exigences du navigateur pour les graphiques

Pour R et Python, le périphérique graphique par défaut basé sur le canevas nécessite un navigateur web qui prend en charge l’API OffscreenCanvas API. La plupart des navigateurs modernes prennent en charge cette API ; cependant, les systèmes plus anciens ou certains appareils mobiles peuvent ne pas la prendre en charge.

Graphiques R

Pour les graphiques webR, il existe un périphérique bitmap de secours basé sur une version WebAssembly de la bibliothèque graphique Cairo. Bien que cette solution de repli fonctionne bien, elle est plus lente et nécessite le téléchargement d’une ressource supplémentaire lors du chargement de la page.

Graphiques Python

Pour Pyodide, il n’y a actuellement pas de solution de repli pour les bitmaps. Les navigateurs non pris en charge peuvent afficher un message d’erreur similaire à celui qui suit:

Avertissement

Impossible d’importer ‘OffscreenCanvas’ à partir de ‘js’

Note

Une solution de repli graphique bitmap similaire pour Python est prévue pour une future version de quarto-live.

Plus d’informations

Pour plus de détails sur le traçage interactif, vous pouvez consulter les pages suivantes:

• Visualisation interactive de données en R - Apprenez à créer des visualisations dynamiques en utilisant ggplot2 et Plotly.
• Traçage interactif en Python - Approfondir la création de graphiques interactifs à l’aide de matplotlib et de Plotly.
• Exécution et visualisation hybrides - Explorez des techniques avancées pour combiner des graphiques interactifs pré-rendus et en direct.

Explorer d’autres articles

Note

Voici d’autres articles de la même catégorie pour vous aider à approfondir le sujet.