1. HTML：展示HTML内容，适用于富文本或网页布局。
2. JSON：以JSON格式展示数据，便于查看结构化数据。
3. KeyValues：以键值对形式展示数据。
4. Label：展示文本标签，适用于简单的文本输出。
5. Markdown：支持Markdown格式的文本展示。
6. Plot：展示图表，如matplotlib生成的图表。
7. Text：用于显示文本，适合较长的输出。

1、json列子

import gradio as gr
import json# 示例 JSON 数据
json_data = {"name": "Gradio","type": "Library","languages": ["Python", "JavaScript"],"description": "Gradio is an open-source library that allows developers to build interactive applications with machine learning and data science projects."
}# 将 JSON 数据转换为字符串格式
json_str = json.dumps(json_data, indent=4)# 定义一个函数，它接受没有输入，并返回 JSON 字符串
def show_json():return json_str# 使用 Gradio 创建界面，JSON 组件展示数据
gr.Interface(fn=show_json,inputs=None, outputs='json').launch()

没有输入，点击generate显示了json数据 

2、html

import gradio as grdef show_html():return "<h1>Hello, Gradio!</h1><p>This is an HTML output.</p>"gr.Interface(fn=show_html,inputs=None,outputs="html"
).launch()

 

3、plot

import gradio as grdef process_list(my_list):# 对列表进行处理的示例函数return f"接收到列表，长度为: {my_list}"# 创建一个包含列表输入的界面
gr.Interface(process_list,gr.List(label="输入列表"),  # 定义输入为列表"text",title="列表输入示例"
).launch()

import gradio as gr
import plotly.graph_objects as go# 创建一个简单的Plotly图表
def create_plot(x_data, y_data):fig = go.Figure(data=go.Bar(x=x_data[0], y=y_data[0]))return fig# 创建Gradio界面
interface = gr.Interface(fn=create_plot,inputs=[gr.List(label="X Axis Data"),gr.List(label="Y Axis Data"),],outputs='plot',
)# 运行Gradio界面
interface.launch()

4、markdown

import gradio as gr# with open("example.md", "r") as f:
#     md_content = f.read()def show_markdown(markdown_text):return markdown_textinterface = gr.Interface(fn=show_markdown,inputs=gr.Textbox(lines=10), # value = md_contentoutputs=gr.Markdown()
)interface.launch()