Mermaid: Is there a way to use emoji?

[edudesouza]

Hi there,

I have a flow chart, that is a chatbot conversation, and we have some emojis in our texts.
Is there a way to incorporate it?

Many thanks.

[tylerlong]

Currently nope, I am afraid.

[SamuelMarks]

@tylerlong That's where you're wrong 😮

@edudesouza escape it and you can:

graph TD
A---foo[&amp#x1F619]

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[RangerMauve]

Heyo! This is still very important. :D

[wemod123]

Of course, emoji support will give this package much powerful visualization

[knsv]

We do support fontawesome ut emojis are emojis... 🌠

[RangerMauve]

Any opposition to including emoji in the unicode text range? Basing this off of this GH issue and looking at the code for parsing UNICODE_TEXT tokens.

[RangerMauve]

Started playing around with the idea here: https://github.com/RangerMauve/mermaid/tree/emoji

[IOrlandoni]

@RangerMauve Join us in slack if you need some help/feedback/answers and be sure to read the contribution guide!

[Jmedders]

Just stumbled across this solution after addressing when an end-user puts in breaking characters like: ( or {
See: http://mermaid-js.github.io/mermaid/#/flowchart?id=special-characters-that-break-syntax.

Basically just wrap in double quotes and then you can paste in emojis

graph TD
A-->B("hello 🥰")

[joe733]

Just stumbled across this solution after addressing when an end-user puts in breaking characters like: ( or {
See: http://mermaid-js.github.io/mermaid/#/flowchart?id=special-characters-that-break-syntax.

Basically just wrap in double quotes and then you can paste in emojis

graph TD
A-->B("hello 🥰")

Thanks! The same goes for Unicode characters like ● → etc. Found it useful when I was building LR(0) items:

graph LR
I00("S' → ● S<br>S → ● L = R<br>S → ● R<br>L → ● * R<br>L → ● id<br>R → ● L")
I01("S' → S ●")
I02("S → L ● = R")
I03("S → R ●")
I04("L → * ● R<br>R → ● L")
I05("L → id ●")
I06("R → L ●")

I00 -- S --> I01
I00 -- L --> I02
I00 -- R --> I03
I00 -- * --> I04
I00 -- id --> I05
I00 -- L --> I06

I07("S → L = ● R<br>R → ● L")
I08("L → * R ●")

I09("S → L = R ●")

I02 -- L --> I07
I04 -- R --> I08
I04 -- L --> I06

I07 -- L --> I06
I07 -- R --> I09

Just wondering... can I align the multiple lines to left instead of centre which appears to be default, and give external labels to (each) boxes?

[SamuelMarks]

[an aside] @joe733 you coming from Tikz? - Would be handy to get your notes there! :)

[joe733]

[an aside] @joe733 you coming from Tikz? - Would be handy to get your notes there! :)

[off-topic] @SamuelMarks, I've not used Tikz. As for the notes... it's an assignment by my compiler design teacher, thought it would be fun to give it a try with .md & mermaid :smile: and oh about the PDF I'm generating it using Joplin.