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).
Current theme: default
Less Wrong (text)
Less Wrong (link)
Arrow keys: Next/previous image
Escape or click: Hide zoomed image
Space bar: Reset image size & position
Scroll to zoom in/out
(When zoomed in, drag to pan; double-click to close)
Keys shown in yellow (e.g., ]) are accesskeys, and require a browser-specific modifier key (or keys).
]
Keys shown in grey (e.g., ?) do not require any modifier keys.
?
Esc
h
f
a
m
v
c
r
q
t
u
o
,
.
/
s
n
e
;
Enter
[
\
k
i
l
=
-
0
′
1
2
3
4
5
6
7
8
9
→
↓
←
↑
Space
x
z
`
g
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).