我正在参加「豆包MarsCode初体验」征文活动。
活动链接：豆包MarsCode体验官-｛玩转AI｝开启智能编程之旅，拿手机大奖 - 掘金 (juejin.cn)
这个项目是生成一个竖向时间轴图表，项目使用了nextjs项目模版和AI生成代码功能，零代码编程，项目效果截图如下：
时间轴图表是一种可视化的工具，用于展示时间和事件的关系。它通过将一系列时间点和相应的事件以线性或条带状的形式排列，并用连接线或标注等方式表示它们之间的关联，从而帮助我们更清晰地了解事物的发展和历史进程。时间轴图表通常以时间为轴，按照事件发生的顺序进行排列，能够直观地展示事件的顺序和持续时间。
时间轴图表的应用非常广泛，可以应用于各个领域，如历史研究、项目管理、教育、企业发展历程、活动流程介绍、年度总结回顾等。时间轴能够按照时间顺序的逻辑来展示不同时期发生的事情和活动，帮助更好地理解每个时间节点发生了什么以及事情的经过和发展；可以帮助项目团队和个人清晰地呈现项目的不同阶段、任务和里程碑，从而有效地进行项目管理和任务安排；可以将过往的重要事项或者里程碑标注在轴线上，并加以说明，使得历史进程和重要事项的可视化更加直观；时间轴图表还是一种展示时间序列数据的图表，能够直观地展示统计信息的属性，对知识挖掘和信息直观生动感受起关键作用。
现在已经有很多工具可以用来制作时间轴图表，比如PPT、Excel、Venngage、Timeline Maker Pro、MindOnMap、Visual Paradigm Online、DesignCap、Visme、Creately等。
利用豆包Marscode强大的AI和云IDE功能，不仅可以高度定制适合自己需求的时间轴图表，而且非常方便快捷、高度自动化。
下面是具体的制作步骤：
注册豆包Marscode，点击右侧的AI助手，输入提示词：
###2022-10-01 : PromptCLUE1.0模型 2022-11-01 : PromptCLUE1.5模型 2022-12-20 : ChatYuan发布 2023-01-12 : ChatYuan大模型开源 2023-02-03 : API发布 2023-02-09 : 小程序打不开 2023-02-22 : ChatYuan升级 2023-03-24 : 支持手机 2023-03-30 : 入选AIGC50 2023-04-03 : 与外研在线合作 2023-04-18 : 升级版本发布 2023-04-21 : KnowX1.0发布 2023-04-27 : 入选AI创新企业TOP20 2023-08-28 : 公众号最后更新###根据以上内容，用react创建一个竖向的时间轴图表，要紧凑一些，不用滚动下拉即可在一屏中看见，字体加粗，要有设计感一些，时间要显示成年月日，标题是：元语智能大事记
代码生成后，点击右上角的添加至新文件，然后点击左上角的文件—保存：
选择app文件夹下的page.tsx，然后会提示：page.tsx已存在。是否确实要覆盖?，点击确定：
这时候如果代码中有问题，会显示为红色波浪线，点击AI修复，让AI自动修复代码中的bug：
修复完成后，点击：运行
然后点击右侧的web预览，就可以在窗口右侧看到tsx程序的运行结果：
如果觉得窗口小了，还可以点击右上角的在浏览器中打开，然后在浏览器中查看程序运行结果
