<marimo-island
    data-app-id="main"
    data-cell-id="MJUe"
    data-reactive="true"
>
    <marimo-cell-output>
    <marimo-mime-renderer data-mime='&quot;text/markdown&quot;' data-data='&quot;&lt;span class=&#92;&quot;markdown prose dark:prose-invert contents&#92;&quot;&gt;&lt;span class=&#92;&quot;paragraph&#92;&quot;&gt;Hello, islands!&lt;/span&gt;&lt;/span&gt;&quot;'></marimo-mime-renderer>
    </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;}' data-value-types='&quot;python&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/markdown:&lt;span class=&#92;&quot;markdown prose dark:prose-invert contents&#92;&quot;&gt;&lt;span class=&#92;&quot;paragraph&#92;&quot;&gt;Hello&lt;/span&gt;&lt;/span&gt;&quot;]' data-value-types='&quot;python&quot;'></marimo-json-output>
    </marimo-cell-output>
    <marimo-cell-code hidden>%5B1%2C%20mo.md('Hello')%5D</marimo-cell-code>
</marimo-island>