| Resumo | Incorporar gráficos Plotly em posts a partir de uma equação | |
| Repositório | GitHub - NateDhaliwal/discourse-graph-embed | |
| Guia de Instalação | Como instalar um tema ou componente de tema | |
| Novo em Temas do Discourse? | Guia para iniciantes no uso de Temas do Discourse |
Instalar este componente de tema
Este componente permite que os usuários adicionem gráficos usando Plotly.js aos seus tópicos e respostas.
Para usar isso, clique no ícone
(
) na barra de ferramentas de formatação. Em seguida, basta editar a equação dentro do [wrap][/wrap]. (Por pura coincidência, descobri que os backticks no wrap não afetavam nada)
Por exemplo:
Além disso, você pode passar o mouse sobre o gráfico para encontrar as coordenadas dos pontos:
Originalmente, tentei usar um embed do Desmos, mas isso não funcionou muito bem. Plotly (sem afiliação) é uma ótima biblioteca (e de código aberto também!) que pode fazer isso, combinada com MathJS (também de código aberto) para executar os cálculos.
Plotly permite que você também use coisas como seno, cosseno e tangente, bem como logaritmos (base 10) e outros.
Com Plotly, você também pode baixar o gráfico como um PNG clicando no ícone
no embed no canto superior direito.
NOTA: Gráficos de funções trigonométricas (por exemplo,
sin,cos,tan) não são ‘curvos’ e acabam ficando meio pontudos.
Opcionalmente, você pode habilitar a configuração show_graph_in_modal (padrão desativado) para exibir o gráfico em um pop-up modal em vez de abaixo da postagem, para que não ocupe tanto espaço.
No modal, clique no botão
Load Graph[1] para carregar e exibir o gráfico.
Postagem:
Modal:
Espero que isso seja útil!
O rótulo e o título do botão são editáveis como traduções de tema ↩︎




