| Résumé | Intégrer des graphiques Plotly dans des publications à partir d’une équation | |
| Dépôt | GitHub - NateDhaliwal/discourse-graph-embed | |
| Guide d’installation | Comment installer un thème ou un composant de thème | |
| Nouveau aux thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse |
Installer ce composant de thème
Ce composant permet aux utilisateurs d’ajouter des graphiques à l’aide de Plotly.js à leurs sujets et réponses.
Pour l’utiliser, cliquez sur l’icône
(
) dans la barre d’outils de mise en forme. Ensuite, modifiez simplement l’équation à l’intérieur de [wrap][/wrap]. (Par pure coïncidence, j’ai découvert que les backticks dans le wrap n’avaient aucun effet)
Par exemple :
De plus, vous pouvez survoler le graphique pour trouver les coordonnées des points :
J’ai initialement essayé d’utiliser un embed Desmos, mais cela n’a pas très bien fonctionné. Plotly (aucune affiliation) est une excellente bibliothèque (et open-source aussi !) qui peut faire cela, associée à MathJS (également open-source) pour effectuer les calculs.
Plotly vous permet également d’utiliser des fonctions comme le sinus, le cosinus et la tangente, ainsi que les logarithmes (base 10) et d’autres.
Avec Plotly, vous pouvez également télécharger le graphique sous forme de PNG en cliquant sur l’icône
dans l’embed en haut à droite.
REMARQUE : Les graphiques des fonctions trigonométriques (par exemple,
sin,cos,tan) ne sont pas « courbés » et ils finissent par être un peu pointus.
Facultativement, vous pouvez activer le paramètre show_graph_in_modal (désactivé par défaut) pour afficher le graphique dans une fenêtre modale au lieu de sous la publication, afin qu’il ne prenne pas autant de place.
Dans la fenêtre modale, cliquez sur le bouton Load Graph[1] pour charger et afficher le graphique.
Publication :
Fenêtre modale :
J’espère que cela vous sera utile !
Le libellé et le titre du bouton sont modifiables en tant que traductions de thème ↩︎




