Gráfico de Discurso (Plotly) Incorporado![image|616x500](upload://yffctWFiXHM44cODU8IlioEzbDC.p

:information_source: Resumo Incorporar gráficos Plotly em posts a partir de uma equação
:hammer_and_wrench: Repositório GitHub - NateDhaliwal/discourse-graph-embed
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: 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 image (:chart_increasing:) 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 :camera: no embed no canto superior direito.

:warning: 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!


  1. O rótulo e o título do botão são editáveis como traduções de tema ↩︎

7 curtidas

O ícone é bem… devo descrevê-lo como pálido :joy:

1 curtida

Enviei uma correção. Funciona agora?

1 curtida

Belamente. Obrigado.

1 curtida

Adicionei uma nova configuração show_graph_in_modal 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 Carregar Gráfico[1] para, bem, carregar e exibir o gráfico.

Postagem:

Modal:


  1. O rótulo e o título do botão podem ser editados como traduções de tema ↩︎

4 curtidas

isso é muito legal. bom trabalho Nate :+1:

3 curtidas