ScholarFlow|AI 论文图表生成与编辑平台产品系统Vibe Coding

我要开发同款
张张2026年09月30日
2阅读

技术信息

语言技术
JavaScript、React、TypeScript
系统类型
Web
行业分类
人工智能、科学研究

作品详情

行业场景

面向高校学生、研究生、教师及科研人员的论文写作与课题研究场景。研究者需要将研究背景、实验步骤、技术路线、系统设计与统计数据转化为清晰的图表,传统绘图往往需要手动整理结构、调整布局并反复修改。ScholarFlow 将文字描述、研究文档和表格数据与 AI 分析、模板生成及在线编辑结合,帮助用户完成从研究内容梳理到图表制作、修改、保存和导出的工作流程,适用于毕业论文、开题报告、科研汇报和技术方案编写。

功能介绍

1、需求分析:支持输入自然语言描述,上传 PDF、Word、表格、文本及图片,提取研究背景、方法、变量和流程信息,并通过对话确认绘图需求。
2、图表生成:提供技术路线图、流程图、泳道图、ER 图、UML、层级框架图、时间轴及甘特图等类型;统计图依据用户提供的真实表格数据生成。
3、在线编辑:结构图在内嵌 draw.io 画布中调整节点、连线、文字、布局和样式;统计图支持编辑数据表、坐标轴与系列。
4、项目管理:支持会话切换、草稿保存、项目历史与版本恢复,便于持续修改研究图表。
5、成果输出:支持 PNG、SVG 导出及中英文界面。AI 生成内容仍需用户核对,当前项目持续完善图表质量与交互体验。

项目实现

作为自主研发项目,承担产品需求梳理、工作台交互设计、前后端功能整合、AI 生成流程接入及验证,使用 AI 辅助开发。前端采用 TypeScript、React、Next.js 与 Tailwind CSS,通过 vinext 适配 Cloudflare Workers。使用 LangChain、LangGraph 组织需求分析、生成与复核流程,将模型输出转换为经过校验的结构化图表描述,再通过布局与编译模块生成可编辑的 draw.io 图形;统计图采用 ECharts。使用 Cloudflare D1 与 Drizzle 管理项目、消息和版本,匿名草稿使用 IndexedDB。实现难点集中在图表语义与连线正确性、多类型图表布局、编辑状态同步及保存恢复;配套结构校验、单元测试与渲染检查。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论