Eu gosto muito do suporte do discourse para LaTeX inline para falar sobre matemática e mermaid para fazer diagramas, mas uma coisa que tenho sentido falta é a capacidade de pegar pequenos pedaços de dados e fazer gráficos x/y deles – entrar em uma planilha e exportar um png é um pé no saco. Mas depois de olhar um pouco o código fonte do componente de tema mermaid, tive algum sucesso em fazer um componente de tema para plotly.js. Ele está aqui:
Uma vez habilitado, você pode fazer um gráfico de dispersão como:
```plotly
data:
- x: [0,300,400]
y: [0,950,1050]
name: Old mempool
- x: [0,200,400]
y: [0,700, 1150]
name: New mempool
layout:
title: Test plot
```
dando uma imagem como
Ou, presumivelmente, qualquer um dos outros tipos de gráficos que você pode fazer passando valores de dados/layout para plotly.js.
Uma coisa particularmente boa é que os gráficos, por padrão, são interativos, então você pode ver os valores reais dos pontos passando o mouse, pode aumentar e diminuir o zoom e pode salvar um png. E, claro, os dados brutos também estão lá no código fonte da postagem.
Ainda não o implantei ao vivo, então só posso dizer que parece funcionar em um ambiente de teste; mas queria compartilhá-lo cedo, especialmente caso alguém queira assumir a manutenção para mim…
(Além disso, se houver alguma maneira melhor de fazer isso que eu simplesmente não tenha percebido, ficaria feliz em descobrir antes de perder mais tempo com isso…)
(o plotly js minificado tem mais de 4MB, então você precisa aumentar a configuração de “tamanho máximo de anexo” para 5m para que funcione, eu acho?)
