Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >用kimi和claude自动生成时间轴图表

用kimi和claude自动生成时间轴图表

原创
作者头像
AIGC部落
发布于 2024-07-05 11:51:49
发布于 2024-07-05 11:51:49
2110
举报
文章被收录于专栏:Dance with GenAIDance with GenAI

做时间轴图表并不难,但是很麻烦,先要大量收集相关事件,然后在一些图表软件中反复调整操作。现在借助AI工具,可以自动生成了。

首先,在kimi中输入提示词来获取某个企业的大事记:

联网检索,元语智能chatYuan这个公司的大事记

以下是kimi的回复:

根据搜索结果,元语智能ChatYuan的大事记如下:

2022年10月1日,元语智能发布了PromptCLUE1.0模型和API,这是首个中文支持的零样本开源模型。

2022年11月,发布了PromptCLUE1.5模型和API,这个版本支持更多任务的零样本开源模型。

2022年12月20日,元语智能发布了ChatYuan,这是国内首个基于百亿参数大模型的功能对话产品,支持小程序和网页。

2023年1月12日,元语智能发布了ChatYuan大模型,这是首个功能对话开源模型供免费下载,全平台已有数万下载量。

2023年2月3日,元语智能发布了ChatYuan API,可供API调用的功能对话模型。

2023年2月22日,元语智能对ChatYuan进行了升级,支持中英双语交互、多次编辑、上下文关联交互、模拟情景设定等多种新功能。

可以看到是比较完整的,然后可以根据企业微信公众号等渠道再稍微添加一些事件,就很完整了。

接下来,将以上大事记复制到claude中,然后加上一段提示词:根据以上内容,用react创建一个竖向的时间轴图表,要紧凑一些,不用滚动下拉即可在一屏中看见,字体加粗,要有设计感一些,时间要显示成年月日,标题是:元语智能大事记

claude很快生成图表:

还可以查看源代码:

import React from 'react';

import { Card, CardContent } from '@/components/ui/card';

const timelineData = [

{ date: '2022-10-01', event: 'PromptCLUE1.0模型' },

{ date: '2022-11-01', event: 'PromptCLUE1.5模型' },

{ date: '2022-12-20', event: 'ChatYuan发布' },

{ date: '2023-01-12', event: 'ChatYuan大模型开源' },

{ date: '2023-02-03', event: 'API发布' },

{ date: '2023-02-09', event: '小程序打不开' },

{ date: '2023-02-22', event: 'ChatYuan升级' },

{ date: '2023-03-24', event: '支持手机' },

{ date: '2023-03-30', event: '入选AIGC50' },

{ date: '2023-04-03', event: '与外研在线合作' },

{ date: '2023-04-18', event: '升级版本发布' },

{ date: '2023-04-21', event: 'KnowX1.0发布' },

{ date: '2023-04-27', event: '入选AI创新企业TOP20' },

{ date: '2023-08-28', event: '公众号最后更新' },

];

const TimelineItem = ({ date, event, isLast }) => (

<div className="flex items-start mb-3 relative">

<div className="flex flex-col items-center mr-4">

<div className="w-3 h-3 bg-blue-500 rounded-full z-10"></div>

{!isLast && <div className="w-0.5 h-full bg-blue-200 absolute top-3 left-1"></div>}

</div>

<div className="flex-1">

<p className="text-xs font-bold text-blue-600 mb-1">{date}</p>

<p className="text-sm font-semibold">{event}</p>

</div>

</div>

);

const VerticalTimeline = () => {

return (

<Card className="max-w-md mx-auto h-screen flex flex-col bg-gradient-to-b from-blue-50 to-white">

<CardContent className="p-6 flex-grow overflow-hidden">

<h2 className="text-2xl font-extrabold mb-4 text-center text-blue-800">元语智能大事记</h2>

<div className="overflow-y-auto h-full pr-2 space-y-1">

{timelineData.map((item, index) => (

<TimelineItem

key={index}

date={item.date}

event={item.event}

isLast={index === timelineData.length - 1}

/>

))}

</div>

</CardContent>

</Card>

);

};

export default VerticalTimeline;

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
在本地运行React集成TypeScript的项目
首先问ChatGPT,贴一段TypeScript代码,问ChatGPT:要运行以上代码,该怎么操作?
AIGC部落
2024/07/10
2320
在本地运行React集成TypeScript的项目
Claude artifacts的平替:deepseek和豆包Marscode的web预览
Claude Artifacts 是由 Anthropic 开发的先进 AI 模型 Claude 3 生成的输出。这些 Artifacts 可以是文本、图像、数据可视化,甚至是更复杂的输出,如交互式内容和自动化报告。此外,Artifacts 还可以是预构建的资源或模板,旨在简化各种任务,类似于现成的工具,可以直接插入到现有工作流程中以节省时间和提高效率。Artifacts 是一种新的功能,改变了用户使用 Claude AI 的方式。它们像特殊的窗口一样,可以让用户查看和编辑大块的内容,例如代码、文档等。在 Claude 3.5 Sonnet 版本中,Artifacts 允许用户在聊天界面内直接与模型交互并操作输出内容,如代码、文本或数据。
AIGC部落
2024/07/10
7520
Claude artifacts的平替:deepseek和豆包Marscode的web预览
nextjs从零到一开发博客(万字长文)配合strapi
CMS管理后台-Strapi(Open source Node.js Headless CMS)
用户6256742
2024/06/20
4860
nextjs从零到一开发博客(万字长文)配合strapi
开发 Copilot,从需求到代码的一站式体验
在云计算与 AI 技术迅猛发展的背景下,开发者工具的创新正迈向新的高地。🌐 腾讯云开发 Copilot 正是这场变革的代表作。它不仅打通了从需求编写到代码生成的流程,还让非技术人员也能轻松实现创意落地。通过案例评测,我们深度挖掘 Copilot 如何赋能产品经理与开发者。
可知春风过
2024/12/20
3750
开发 Copilot,从需求到代码的一站式体验
开发者的梦想助手:云开发 Copilot 实战教程
一般来说,“知道有”常常是先于“能够做”的。无论是编程领域还是人生道路,在不断拓宽视野与追求成长的过程中,会发现“知道有”这一认知的飞跃,往往比实际“能够做”出成果更加不易,这需要我们不断地去感知、去接纳、去体验、去运用。而人工智能(AI)不断进步与普及,提供给我们无数“知道有”的契机。在工作和生活中,我开始尝试和探究各种AI工具。
盒甜芋
2024/12/20
1581
Tailwind CSS那些事儿
在回望过去,展望未来- 2024 React 生态一览表中讲到CSS时,我们提到过Tailwind CSS,并且也说会有相关的文章。
前端柒八九
2023/11/17
8100
Tailwind CSS那些事儿
云开发 Copilot 深度评测:从截图到代码,创意一站式实现
在现代软件开发中,将设计稿或参考网站转化为代码是一个耗时且复杂的过程。云开发 Copilot 引入了革命性功能“@图片生成需求”,让这一切变得轻而易举。只需上传一张截图,Copilot 即可生成需求提示词,配合 AI 编程助手完成代码开发。本文将通过多层次分析,带你全面了解这一功能的应用价值和未来潜力。
默 语
2024/12/20
2790
解锁 AI 助力开发新高度:云开发 Copilot 的代码魔法
随着人工智能技术的快速发展,AI 在提升开发效率方面的作用愈发显著。据《2024 年开发者效率报告》显示,采用 AI 辅助工具的开发团队,其生产力平均提升了 38%,代码交付时间缩短了 27%。这标志着 AI 不仅是开发者的好帮手,更是现代软件工程的革命性力量。
用户11356568
2024/12/20
1720
震惊!可以用云开发AI助手Copilot生成2048小游戏
今日推荐文章:使用Python实现智能食品消费偏好预测的深度学习模型-腾讯云开发者社区-腾讯云
半月无霜
2024/12/11
3202
【React】【案例】:TimeLine 时间轴
目录 1. 组件基础 2. 需求分析 3. 关键技术 4. 代码实现 5. 形态展示 1. 组件基础 可视化地呈现时间流信息。 2. 需求分析 3. 关键技术 为什么不直接用 antd、elementui、iview 等开源组件? antd 很优秀,但是.... antd 不支持 label、content 按指定比例分布; antd 在dot定制时,难以控制UI界面呈现; elementui 不能将 label 放在左边; .... 但是以 antd 为基础改造,会快很多; 主体采用什么html结构实
WEBJ2EE
2020/04/21
8.3K0
【React】【案例】:TimeLine 时间轴
研究三天,我找到了 tailwindcss 的正确打开姿势
因为决定深度使用 tailwindcss,所以在几个群里都有跟群友们请教使用经验。结果不讨论还好,一讨论大家的兴致都特别高,有吹爆 tailwindcss 的,也有对它不屑一顾的,还有觉得 unocss 更好用的...
用户6901603
2024/06/07
2.5K1
研究三天,我找到了 tailwindcss 的正确打开姿势
基于腾讯云高性能HAI-CPU的跨境电商客服助手全链路解析
根据Statista数据,2025年全球跨境电商市场规模预计达6.57万亿美元,年增长率保持在12.5% 。随着平台规则趋严(如亚马逊封店潮),更多卖家选择自建独立站,2024年独立站占比已达35%。AI、大数据等技术在跨境电商中的应用加速,尤其在客服、营销、供应链等环节。
Undoom
2025/03/11
2170
Html+Css实现——时间轴日志
💬个人网站:【芒果个人日志】​​​​​​ 💬原文地址:Html+Css实现——时间轴日志 - 芒果个人日志 (wyz-math.cn) 💂作者简介: THUNDER王,一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学会计学专业大二本科在读,同时任汉硕云(广东)科技有限公司ABAP开发顾问。在学习工作中,我通常使用偏后端的开发语言ABAP,SQL进行任务的完成,对SAP企业管理系统,SAP ABAP开发和数据库具有较深入的研究。 💅文章概要:本篇文章,主要讲解一下如何创建一个
THUNDER王
2023/02/23
1.9K0
Html+Css实现——时间轴日志
三句话搞定周末出行攻略!我用 AI 生成一日游可视化页面,还能秒上线!
 应用能够安全、灵活地访问和操作本地及远程数据资源,提升模型的功能性和可扩展性。 ​
陈明勇
2025/04/18
6465
三句话搞定周末出行攻略!我用 AI 生成一日游可视化页面,还能秒上线!
用户登录前后端分离开发实战案例:React,npm,webpack,ES6, Kotlin, Spring Boot, Gradle, Freemarker, Material UIKotlin 开发
用户登录前后端分离开发实战案例:React,npm,webpack,ES6, Kotlin, Spring Boot, Gradle, Freemarker, Material UI
一个会写诗的程序员
2018/12/11
8.3K0
用户登录前后端分离开发实战案例:React,npm,webpack,ES6, Kotlin, Spring Boot, Gradle, Freemarker, Material UIKotlin 开发
实现免费ChatGPT前后端SpringBoot&Vue
第四步:复制密钥值,替换上面代码中的sk-*******,替换后的代码如下所示:.header(“Authorization”, “Bearer sk-1234567890123456789”)
知识浅谈
2024/05/25
3410
实现免费ChatGPT前后端SpringBoot&Vue
umi+electron开始一个桌面应用
theme: channing-cyan highlight: androidstudio
用户4793865
2023/02/03
5.4K0
DeepSeek-Vue3基于vite6+vant4仿deepseek/Kimi流式AI聊天小助手
2025年智能AI实战-Vue3+DeepSeek API打造一款mobile版ai聊天界面小助手。
andy2018
2025/03/17
1.2K3
DeepSeek-Vue3基于vite6+vant4仿deepseek/Kimi流式AI聊天小助手
邮件狂欢:Next.js和Resend SDK的电子邮件魔法
Resend是一个高效电子邮件发送平台,可保证直接发送到您的收件箱而不是垃圾邮件文件夹。Resend 拥有针对各种编程语言的不同 SDK,包括 PHP、Ruby、JavaScript、Go、Python 和 Elixir。Resend 还支持无服务器和 SMTP 发送电子邮件。
zayyo
2023/10/12
2.6K0
国内“谁”能实现chatgpt,短期穷出的类ChatGPT简评(算法侧角度为主),以及对MOSS、ChatYuan给出简评,一文带你深入了解宏观技术路线。
ChatGPT(全名:Chat Generative Pre-trained Transformer),美国OpenAI 研发的聊天机器人程序 ,于2022年11月30日发布 。ChatGPT是人工智能技术驱动的自然语言处理工具,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,真正像人类一样来聊天交流,甚至能完成撰写邮件、视频脚本、文案、翻译、代码,写论文 等任务。
汀丶人工智能
2023/02/24
1K0
推荐阅读
相关推荐
在本地运行React集成TypeScript的项目
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档