You can use a standard markdown for images. (i.e. I just pasted the following into a comment, but as soon as you type [space] after it, it’ll reformat into an image)
Clicking the image button (4th from left in the editor, looks like a little landscape picture icon) will insert the correct image markup for you (so you don’t have to remember how it goes).
If considering implementing graphs: Graphviz, mermaid or flowchart.js all are good options and have implementations in js (many have implementations as React components).
You can use a standard markdown for images. (i.e. I just pasted the following into a comment, but as soon as you type [space] after it, it’ll reformat into an image)
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png “Logo Title Text 1”)
And a note for users of GreaterWrong:
Clicking the image button (4th from left in the editor, looks like a little landscape picture icon) will insert the correct image markup for you (so you don’t have to remember how it goes).
If considering implementing graphs: Graphviz, mermaid or flowchart.js all are good options and have implementations in js (many have implementations as React components).
Another alternative to not add parsing is http:asciiflow.com/
+--------+ +----------+ | +------> | | Hello! +------> | +--------+ +----------+
But sadly it breaks; possible because of the font.
And you can use this handy web page to generate GraphViz graphs in SVG form (which you can then link / embed).