<marimo-island
    data-app-id="main"
    data-cell-id="MJUe"
    data-reactive="true"
>
    <marimo-cell-output>
    <span class="markdown prose dark:prose-invert"><span class="paragraph">Hello, islands!</span></span>
    </marimo-cell-output>
    <marimo-cell-code hidden>mo.md('Hello%2C%20islands!')</marimo-cell-code>
</marimo-island>
<marimo-island
    data-app-id="main"
    data-cell-id="vblA"
    data-reactive="true"
>
    <marimo-cell-output>
    <img src='https://example.com/image.png' />
    </marimo-cell-output>
    <marimo-cell-code hidden>mo.image('https%3A%2F%2Fexample.com%2Fimage.png')</marimo-cell-code>
</marimo-island>
<marimo-island
    data-app-id="main"
    data-cell-id="bkHC"
    data-reactive="true"
>
    <marimo-cell-output>
    <marimo-json-output data-json-data='{&quot;key&quot;: &quot;value&quot;}'></marimo-json-output>
    </marimo-cell-output>
    <marimo-cell-code hidden>%7B'key'%3A%20'value'%7D</marimo-cell-code>
</marimo-island>
<marimo-island
    data-app-id="main"
    data-cell-id="lEQa"
    data-reactive="true"
>
    <marimo-cell-output>
    <marimo-json-output data-json-data='[1, &quot;text/html:&lt;span class=&#92;&quot;markdown prose dark:prose-invert&#92;&quot;&gt;&lt;span class=&#92;&quot;paragraph&#92;&quot;&gt;Hello&lt;/span&gt;&lt;/span&gt;&quot;]'></marimo-json-output>
    </marimo-cell-output>
    <marimo-cell-code hidden>%5B1%2C%20mo.md('Hello')%5D</marimo-cell-code>
</marimo-island>