Bac à sable

Des éditeurs dans lesquels faire des essais quelconques...
Pour tout essai utilisant des figures, il est conseillé de passer l'IDE concerné en mode 2 colonnes.

Bac à sableBac à sable p5p5.Sketchmermaidmatplotlib

{{ IDE() }}

Essais async

Si une fonction async def post_async() est définie dans l'éditeur, elle sera automatiquement appelée depuis la section post de cet IDE (en effet, un fichier est en fait associé à cet IDE, contrairement à ce qui est annoncé plus haut. Mais en dehors de cela, cet IDE se comporte exactement comme si aucun fichier ne lui était associé).

Ceci permet d'essayer du code async dans le bac à sable.

Rappel : il est aussi possible d'exécuter du code async depuis le terminal.

Il est possible d'utiliser la seconde figure en bas de la page pour une seconde animation, si on le souhaite.

Utiliser dans ce cas target="figure1" et stop_others=False pour les arguments de l'appel à run(...).

Passer la souris au-dessus du canevas

(exécuter l'IDE)

Il est possible d'utiliser la seconde figure en bas de la page pour une second animation, si on le souhaite.

Utiliser dans ce cas target="figure1" et stop_others=False pour les arguments de l'appel à run(...).

Cliquer sur le canevas...

(exécuter l'IDE)

Contenu de mermaid.py

#-PYODIDE:env-#
to_mermaid = mermaid_figure()

#-PYODIDE:code-#
to_mermaid("""
graph TB
    A --- B
""")

Contenu de plot_1.py

# --- PYODIDE:code --- #
# Un import de matplotlib en tout premier est indispensable, pour que la classe
# PyodidePlot devienne disponible dans l'environnement:
import matplotlib.pyplot as plt
PyodidePlot().target()     # Cible la figure dans laquelle tracer dans la page

# Préparer les données et tracer la figure.
xs = [ -5 + n*.25 for n in range(41) ]
ys = [ x**3 for x in xs ]

plt.plot(xs, ys, 'r-')
plt.grid()
plt.axhline()
plt.axvline()
plt.title("La fonction cube")
plt.show()

Essais figures

La page contient une <div> cachée, ayant l'id html par défaut, "figure1" de la macro {{ figure() }}.

L'IDE est également configuré avec l'argument MERMAID=True.

Ceci permet de faire des essais concernant les fonctionnalités liées à matplotlib, p5 et mermaid.

graph TB
    a