Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >没灵感了,就做一个图表可视化编辑器玩玩吧

没灵感了,就做一个图表可视化编辑器玩玩吧

作者头像
徐小夕
发布于 2024-07-04 04:53:05
发布于 2024-07-04 04:53:05
1040
举报
文章被收录于专栏:趣谈前端趣谈前端

嗨, 大家好,我是徐小夕。

之前一直在社区分享零代码&低代码的技术实践,也陆陆续续设计并开发了多款可视化搭建产品,比如:

  • H5-Dooring(页面可视化搭建平台)
  • V6.Dooring(可视化大屏搭建平台)
  • 橙子6试卷(表单搭建引擎)

今天和大家分享一款我做的在线图表编辑器,它可以让不懂技术的人也能轻松配置自己的图表。

73.gif

体验地址:http://wep.turntip.cn/design/bubbleMap

开发背景

开发这个小项目主要还是为了方便我平时做图表素材的需求。因为我在很多文章视频中都会用到图表来提高内容表现力,但是市面上很多在线图表都需要收费,所以我就自己做了一款在线编辑图表的工具,供大家免费使用。

image.png

基本介绍

目前我开发的图表工具支持10+常用图表,同时部分图表还支持手绘风格,比如柱状图,饼图,面积图等。

image.png

当然还支持非常具有展现力的气泡图谱:

731.gif

如果大家要做性格分析,雷达图也是个不错的选择:

image.png

对于数据散点分布,我们也可以直接用散点图来线上一键编辑:

image.png

当然还内置了很多图表,这里就不一一介绍了,大家可以线上体验。

体验地址:http://wep.turntip.cn/design/bubbleMap

技术实现

image.png

目前制作这个小工具我采用了 nextjs 作为前端解决方案,技术栈有reactantdg2g6等,同时我设计了一套标准数据结构,可以让我们轻松集成任何第三方图表库。

如果大家想学习具体的技术实现,可以在趣谈前端中找我要源码,这块后面会开源出来,欢迎大家提出更好的建议~

后期还会持续迭代更新H5-Dooring以及可视化搭建系列产品,欢迎大家交流反馈,如果你也有好的想法或者产品,欢迎在留言区交流~

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-07-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 趣谈前端 微信公众号,前往查看

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

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
AI+可视化文档引擎,持续更新!
之前一直在社区分享零代码&低代码的技术实践,也陆陆续续设计并开发了多款可视化搭建产品,比如:
徐小夕
2024/06/04
1260
AI+可视化文档引擎,持续更新!
基于f2从零实现移动端可视化编辑器
笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring,从第一个版本到现在经历了很多次版本迭代和优化,也收到了很多宝贵的建议,目前刚好完成了移动端数据可视化的基本设计和落地方案,在这里特地总结和复盘一下。
徐小夕
2020/09/18
1.6K0
Nocode/Doc,可视化+ 零代码打造下一代文件编辑器
hi,大家好,我是徐小夕,之前和大家分享了《用零代码的思维设计文档引擎》的内容,承诺大家在10号上线内测版可视化文档编辑器——Nocode/Doc。 今天如约而至,接下来就和大家分享一下可视化文档引擎的最新内容和技术理念。
徐小夕
2024/04/14
1860
Nocode/Doc,可视化+ 零代码打造下一代文件编辑器
next-admin支持AI问答模块,完全开源!
hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续分享一下最近开源的 Next-Admin 的最新更新。
徐小夕
2024/05/14
2210
next-admin支持AI问答模块,完全开源!
可视化文档引擎全面更新,解锁文档新玩法
hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续分享一下可视化文档引擎 Nocode/WEP 的最新更新。
徐小夕
2024/05/22
1570
可视化文档引擎全面更新,解锁文档新玩法
零代码可视化+AI的一些探索和实践
嗨,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码的技术实践,今天继续做一个系统性的复盘,聊聊这100天,Dooring零代码都做了些什么。
徐小夕
2024/04/26
2050
零代码可视化+AI的一些探索和实践
文档可视化+表单引擎,让数据交互更流畅!
hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,今天继续分享一下最近开发的文档引擎 Nocode/WEP 的最新更新。
徐小夕
2024/05/14
1610
文档可视化+表单引擎,让数据交互更流畅!
表单&试卷零代码搭建平台正式上线,支持源码部署
之前一直在社区分享零代码&低代码的技术实践,也陆陆续续设计并开发了多款可视化搭建产品,比如:
徐小夕
2024/07/04
2290
表单&试卷零代码搭建平台正式上线,支持源码部署
就在上周,文档知识引擎Nocode/WEP又新增了3大炸裂功能!
之前一直在社区分享零代码&低代码的技术实践,也陆陆续续设计并开发了多款可视化搭建产品,比如:
徐小夕
2024/06/18
2130
就在上周,文档知识引擎Nocode/WEP又新增了3大炸裂功能!
从零搭建一款PC页面编辑器PC-Dooring
没有太多时间做PC端搭建化项目, 好在搭建平台很多原理都是通用的, 所以早在去年我就开发好了面向PC端的编辑器PC-Dooring, 虽然在设计上还有些不足(在后面的内容中会提到) , 但是基本模型已经实现, 接下来就和大家一起分享一下具体的实现.
徐小夕
2021/04/21
1.9K0
从零搭建一款PC页面编辑器PC-Dooring
整理了12款开源拖拽库, 轻松上手可视化搭建
可视化导航地址:http://wep.turntip.cn/web?id=d1717408910631&uid=wep_251711700015023
徐小夕
2024/06/06
2.6K0
整理了12款开源拖拽库, 轻松上手可视化搭建
从零开发可视化大屏制作平台
几个月前开源的H5页面制作平台H5-Dooring 收到了很多热心的反馈和交流, 顺着笔者之前的规划, 我们又做了一款可视化大屏编辑器V6.Dooring. 接下来笔者就来带大家一起看看我们的方案设计和技术实现.
徐小夕
2021/03/12
2.1K0
从零开发可视化大屏制作平台
如何评价Dooring低代码/零代码搭建平台?
大家好, 我是徐小夕, 之前一直在分享可视化低代码的一些实践, 围绕 H5-Dooring 零代码搭建平台也输出了很多技术文章, 最近2.7.0 版本也顺利迭代完成, 这里详细分享一下 H5-Dooring 无代码搭建平台技术方案.
徐小夕
2022/09/27
1.2K0
如何评价Dooring低代码/零代码搭建平台?
爆肝开发3个月,第三款可视化产品终于上线了
最近规划的新产品可视化文档引擎终于上线了,先后花费了3个月左右,从原型设计到技术调研,再到技术实现,历经艰辛,接下来就和大家一起分享一下最新的进展。
徐小夕
2024/05/23
1190
爆肝开发3个月,第三款可视化产品终于上线了
探索 PrimeVue——开源项目的卓越之旅
嗨,大家好,我是徐小夕。之前一直在社区分享零代码&低代码的技术实践,也陆陆续续设计并开发了多款可视化搭建产品,比如:
徐小夕
2024/07/04
7440
探索 PrimeVue——开源项目的卓越之旅
使用这个低代码工具, 人人都可以拥有自己的网站!
我今天我给大家来介绍一个低代码工具,是我的朋友徐小夕开发的。这个项目在Github已经开源并且拥有了 4.3k star . 使用这个工具你可以可视化飞速搭建你的站点。低代码可以说是目前行业内比较热门的话题,学习搭建的模式,为我们开发一些重复页面能提高极大的生产力,以下是这个项目的介绍。
秋风的笔记
2021/05/31
1.3K0
新产品!可视化试卷搭建平台
hi, 大家好, 我是徐小夕. 之前和大家分享了很多可视化低代码和零代码的技术实现和产品设计思路, 也和大家分享了 H5-Dooring 零代码搭建平台的技术实现和未来规划, 今天继续和大家分享一下我们的新产品——橙子试卷.
徐小夕
2024/02/06
4680
新产品!可视化试卷搭建平台
Dooring可视化搭建平台数据源设计剖析
低代码平台属于APaaS(应用平台即服务),其解决的是企业内部应用协调和人效成本的问题. 随着计算机技术诸如云服务等的发展, 传统软件服务已无法满足数字化浪潮的压力, 笔者对企业迫切需要解决的问题做了如下总结:
徐小夕
2021/07/12
8370
沉淀了一套可视化搭建方案,最终决定开源了
hello,大家好,我是徐小夕。之前和大家分享了很多可视化,零代码和前端工程化的最佳实践,最近也在迭代可视化文档知识引擎Nocode/WEP,其中包含了搭建模块,由于最近精力有限,会聚焦于文档引擎部分,所以目前把搭建模块完全开源, 大家如果想学习研究低代码可视化的,可以参考一下这个上项目。
徐小夕
2024/06/04
4270
沉淀了一套可视化搭建方案,最终决定开源了
从零开发可视化大屏制作平台(技术拆解版)
目前很多企业或多或少的面临“信息孤岛”问题,各个系统平台之间的数据无法实现互通共享,难以实现一体化的数据分析和实时呈现。
徐小夕
2024/03/18
7110
从零开发可视化大屏制作平台(技术拆解版)
推荐阅读
相关推荐
AI+可视化文档引擎,持续更新!
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档