# Use Gen-AI to beautify and make interactive JSON displays in Jupyter notebooks

**URL:** <https://discourse.jupyter.org/t/use-gen-ai-to-beautify-and-make-interactive-json-displays-in-jupyter-notebooks/27030>\
**Category:** General\
**Tags:** community\
**Created:** [July 18, 2024, 5:22am UTC](https://discourse.jupyter.org/t/use-gen-ai-to-beautify-and-make-interactive-json-displays-in-jupyter-notebooks/27030 "2024-07-18T05:22:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Colin\_Rebello](https://yyz1.discourse-cdn.com/flex031/user_avatar/discourse.jupyter.org/colin_rebello/32/14107_2.png) [@Colin\_Rebello](https://discourse.jupyter.org/u/Colin_Rebello)\
**Post date:** [July 18, 2024, 5:22am UTC](https://discourse.jupyter.org/t/use-gen-ai-to-beautify-and-make-interactive-json-displays-in-jupyter-notebooks/27030/1 "2024-07-18T05:22:59Z")

</div>

Rather than look at an ugly indented JSON print output here is a simple example of how one can beautify that by adding in an interactive display using an HTML webapp embedded in the Jupyter notebook.

One does not need to know HTML or its supporting Javascript and CSS.  
This article was originally written on LinkedIn so for this first time post will use that.

[https://www.linkedin.com/pulse/leveraging-generative-ai-extend-colab-jupyter-web-apps-colin-rebello-qfg4c](https://www.linkedin.com/pulse/leveraging-generative-ai-extend-colab-jupyter-web-apps-colin-rebello-qfg4c)