python中gradio的输出展示组件实例代码

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()

import gradio as gr

def show_html():
    return "<h1>Hello, Gradio!</h1><p>This is an HTML output.</p>"

gr.Interface(
    fn=show_html,
    inputs=None,
    outputs="html"
).launch()

import gradio as gr

def 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()

import gradio as gr

# with open("example.md", "r") as f:
#     md_content = f.read()

def show_markdown(markdown_text):
    return markdown_text


interface = gr.Interface(
    fn=show_markdown,
    inputs=gr.Textbox(lines=10), # value = md_content
    outputs=gr.Markdown()
)

interface.launch()