A point of interest is that the formatting function ALMOST preserves the SVG source code which Eric dropped into the chat. By (manually) adding a couple of newlines to separate the SVG into its paragraph / item reveals a fully rendered SVG embedded in a Markdown story item.
## a Markdown paragraph including Eric's SVG. <svg viewBox="-100 -50 200 100"> <style> .one {stop-color: hsl( 0deg 90% 50%);} .two {stop-color: hsl( 60deg 90% 50%);} .three {stop-color: hsl(120deg 90% 50%);} .four {stop-color: hsl(180deg 90% 50%);} .five {stop-color: hsl(240deg 90% 50%);} .six {stop-color: hsl(300deg 90% 50%);} </style> <title>10% urgent 45% worried 45% happy</title> <linearGradient id="grad" gradientTransform="rotate(90)"> <stop offset=0% class=one /> <stop offset=16% class=one /> <stop offset=16% class=two /> <stop offset=65% class=two /> <stop offset=65% class=three /> <stop offset=100% class=three /> </linearGradient> <circle r=50 fill="url(#grad)" title="fizbuz" /> </svg>
## a Markdown paragraph including Eric's SVG escaped by triple back ticks. ``` <svg viewBox="-100 -50 200 100"> <style> .one {stop-color: hsl( 0deg 90% 50%);} .two {stop-color: hsl( 60deg 90% 50%);} .three {stop-color: hsl(120deg 90% 50%);} .four {stop-color: hsl(180deg 90% 50%);} .five {stop-color: hsl(240deg 90% 50%);} .six {stop-color: hsl(300deg 90% 50%);} </style> <title>10% urgent 45% worried 45% happy</title> <linearGradient id="grad" gradientTransform="rotate(90)"> <stop offset=0% class=one /> <stop offset=16% class=one /> <stop offset=16% class=two /> <stop offset=65% class=two /> <stop offset=65% class=three /> <stop offset=100% class=three /> </linearGradient> <circle r=50 fill="url(#grad)" title="fizbuz" /> </svg> ```