It’s now clear that Jupyter is currently the best open-source system for rendering math notation. It even lets you add html cells above your markdown code to format the markdown post, avoiding pesky errors like line breaking in titles when trying to mention a term encased in the $$ method AI often uses. It bridges to the style of markdown the AI models use most. VS code extensions (even with custom JSON settings) and other open-source editors were futile. Nostr should find a way to plug into Jupyter for paper publishing, instead of deciding between LaTeX or some other standard — Jupyter has options nested within it (LaTeX and beyond). It’s nice to see something open-source be so robust. It runs locally in the browser, offline.

Replies (6)

🌉 %%html <style> .MathJax { display: inline !important; } .jp-RenderedMarkdown .MathJax { display: inline !important; } .jp-RenderedMarkdown * .MathJax { display: inline !important; } /* Add proper list handling */ .jp-RenderedMarkdown li { white-space: pre-wrap !important; } .jp-RenderedMarkdown li > * { white-space: pre-wrap !important; } /* Force line break after colon in paragraphs */ .jp-RenderedMarkdown p { display: block !important; white-space: pre !important; } </style>
It can support mermaid diagrams, which Claude is great at making. The flexibility of the html cells applied to markdown is genius. “Jupyter allows embedding HTML content. Since Mermaid renders diagrams from JavaScript, you can include Mermaid by embedding the Mermaid script in a Jupyter cell.”
Here’s a polished version that integrates text wrap so text doesn’t bleed off the page: %%html <style> .MathJax { display: inline !important; } .jp-RenderedMarkdown .MathJax { display: inline !important; } .jp-RenderedMarkdown * .MathJax { display: inline !important; } /* Add proper list handling */ .jp-RenderedMarkdown li { white-space: pre-wrap !important; } .jp-RenderedMarkdown li > * { white-space: pre-wrap !important; } /* Force line break after colon in paragraphs */ .jp-RenderedMarkdown p { display: block !important; white-space: pre-wrap !important; } /* Add word wrap without changing other settings */ .jp-Cell-outputWrapper { max-width: 100% !important; overflow-x: auto !important; } </style> <userStyle>Normal</userStyle>