Trae 集成 Vizro：低代码构建数据可视化仪表板

智能体生成代码

智能体会自动调用 Vizro MCP 的相关功能，分析需求后输出可运行的 Python 代码。示例如下：

import pandas as pd
import vizro as vz
import vizro.models as vm
import vizro.plotly.express as px

# 加载鸢尾花数据集
df = pd.read_csv('data.csv')  # 换成文件地址

# 创建散点图：花瓣长度与宽度的关系，按品种分组
scatter_fig = px.scatter(
    df, x="PetalLength", y="PetalWidth", color="Species",
    title="花瓣长度与宽度的关系",
    labels={"PetalLength":"花瓣长度","PetalWidth":"花瓣宽度","Species":"品种"}
)

# 创建直方图：萼片长度分布，按品种筛选
hist_fig = px.histogram(
    df, x="SepalLength", color="Species", barmode="overlay",
    title="萼片长度分布",
    labels={"SepalLength":"萼片长度","count":"数量","Species":"品种"}
)

# 创建仪表板页面
page = vm.Page(
    title="鸢尾花数据集分析",
    components=[
        vm.Graph(figure=scatter_fig),
        vm.Graph(figure=hist_fig)
    ],
    controls=[
        vm.Filter(column="Species"),
        vm.Filter(column="SepalLength")
    ],
    layout=vm.Layout(grid=[[0,1]])
)

# 创建仪表板模型
dashboard = vm.Dashboard(pages=[page])

# 构建并运行应用
if __name__ == "__main__":
    app = vz.Vizro()
    app.build(dashboard)
    app.run(debug=True)

这是我们的输出结果：

查看运行结果与优化

打开页面即可看到可视化效果。若需调整样式（如配色、字体），可在代码中添加 vm.Theme 配置；若需多页面切换，可新增 vm.Page 并添加到 Dashboard 的 pages 列表中。

Vizro MCP 核心功能解析

Vizro MCP 提供 6 大核心能力，覆盖从代码生成到部署的全流程需求：

关键工具说明

• get_vizro_chart_or_dashboard_plan：获取创建 Vizro 内容的说明。建议先以 advanced_mode=False 调用，若需自定义 CSS 或组件再设为 True。
• load_and_analyze_data：用于了解本地或远程数据文件。必须使用绝对路径或 URL 调用，支持 CSV、Excel、Parquet 等多种格式。
• validate_dashboard_config：验证完整仪表板配置。验证成功后返回 Python 代码或 PyCafe 链接，支持 auto_open 参数在浏览器中自动打开。

总结

通过'Trae + Vizro'的集成方案，我们打破了数据可视化的技术壁垒，构建了一套'需求→代码→部署→分享'的全自动化工作流。无论是业务分析师快速制作临时报表，还是工程师开发企业级数据平台，这套方案都能兼顾'效率'与'专业性'。它让数据可视化从'工程师专属任务'，转变为'全员可参与的高效协作'，真正实现'让数据说话，让洞察更快落地'。