数据可视化生成器
粘贴任意数据,AI 自动生成 React 可视化组件并实时预览
数据生成 是一个"数据 → 组件"转换器。你只需要粘贴任何格式的数据(JSON、CSV、表格文本、甚至自然语言描述),AI 就会自动生成一个精美的 React 图表组件,并在右侧实时渲染预览。
怎么用:
- 在左侧文本框粘贴你的数据(支持 JSON、CSV、键值对、表格等任何格式)
- 也可以点击下方的 示例数据按钮(Sales / Employees / Weather)快速体验
- 点击 "Generate Component",AI 会流式生成 React 代码
- 右侧面板有两个标签:Preview(实时渲染的组件)和 Code(生成的源代码)
- 生成的组件使用 shadcn/ui + Recharts,支持折线图、柱状图、饼图、表格等多种可视化方式
适合快速把数据变成好看的图表,用于报告、展示、或数据探索。
Data Input
Paste CSV, JSON, markdown table, or plain text data
Try sample:
Generated component will appear here.
Paste data on the left and click Generate.