经常看到那种超级惊艳的图表,特别眼馋,今天我们一起用deepseek来制作属于自己的超酷炫的可视化图表。
图表的制作过程比较简单,而且全部免费,不需要充值花一分钱。
我们需要借助下面这个网站,这个网站提供很多免费的图表代码。
具体网址见下图中红字字体。
只要你善于发觉,肯定能找到让你感到满意的图表。
下面我们以一个实例来讲一下具体的操作方法。
首先我们需要一个用来生成图表的表格,为了偷懒,这里我让DeepSeek帮我生成一个学生成绩单
指令:给我虚拟一个高中二年级三班的学生期中考试成绩,要包括序号、姓名、语文、数学、英语、物理
接着,我让deepseek把刚刚生成的表格生成柱状图,其实我想要的是叠状图,虽然我一时忘记了名字,但由于我描述的比较准确,deepseek一下子就理解了我的意思,知道我其实想要的是叠状图
指令:我需要你把学生成绩做成柱状图,每个学生为一个柱子,每个柱子由每科成绩组成
deepseek给了我柱状图的代码,但面对这些代码我却不知道怎么去用
所以,我们再次给它指令,让它用html格式输出
指令:用html格式输出,要确保可执行
点击“运行html”查看图表样式
稍等一会,图表出来了,但真的很丑
下面来到刚刚给的网站,从中找到一个满意的叠状图,复制它的代码
选择堆叠图
把刚刚复制的这段代码给deepseek,然后再附加上一段指令,让deepseek把这段代码应用到刚刚的学生成绩单上
指令:
上面这个代码是某网站的可视化图表示例代码,我需要你把学生成绩用这个可视化图表表现出来,请帮我分析这些代码的结构,并按要求更换图表内容,确保给我输出的代码与源代码格式保持一致可执
忘记要求以html格式输出了,再继续追加以html格式输出的指令
下面是运行html后的图表效果,感觉配色有些丑
如果不满意,还可以再挑选一个图表看下效果
复制这个3D叠状图的代码给deepseek
用同样的方法,应用这段代码重新输出表格
结果这次出问题了,点击运行html后,页面是空白的,并没有出现3D叠状图
如果出错了也不要急,我们可以让deepseek自己检查代码,它检查到错误后会自己进行更正的
如果你觉得配色不好看,可以让它把配色调整得更丰富一些
配色丰富一些。
其他代码不要改,只改配色,把配色改得更高级和丰富一些。
输出完整代码
好吧,这个代码还是不怎么漂亮,如果你不满意 ,可以继续再让deepseek调整。
领取专属 10元无门槛券
私享最新 技术干货