Render lists as lists instead of numerically-indexed dictionaries in gr.JSON

[wdlm520]

Describe the bug

The following effect is the output of the JSON component of Gradio
How can I remove the Index such as 0,1

Have you searched existing issues? 🔎

• I have searched and found no existing issues

Reproduction

import gradio as gr

with gr.Blocks() as demo:
    res = {'uri': '/QueryAnalyseService/query_analyse', 'da_res_list': [{'norm': [{'query': '故宫', 'prob': 1}, {'query': '故宫', 'prob': 1}]}]}
    gr.JSON(res)

if __name__ == '__main__':
    demo.launch()

Screenshot

No response

Logs

No response

System Info

4.12.0

Severity

I can work around it

[abidlabs]

Hi @wdlm520, thanks for opening this issue. Lists are rendered as dictionaries by the gr.JSON() component with the index representing the key. I do feel like we should have option to keep the as lists, although we might not be able to get around to this soon. If you'd like to open a PR, we're happy to review!

As another option, we've made it possible for Gradio users to create their own custom components -- meaning that you can write some Python and JavaScript (Svelte), and publish it as a Gradio component. You can use it in your own Gradio apps, or share it so that anyone can use it in their Gradio apps.

Here's an example of a Gradio custom component: https://github.com/PhyscalX/gradio-image-prompter -- it lets you upload images and process points or draw boxes on top of the image.

If you'd like to create your own, we've put together a Guide: https://www.gradio.app/guides/five-minute-guide, and we're happy to help.