大家好,我是 ChartHub 的独立开发者 Darkersu。今天特别激动 —— 从5年前埋下想法,到今年年初开始实施计划,耗时半年的「ChartHub」终于在国庆到来之际实现了 PC 端 + 小程序端 同步上线。
写下这篇文章,既是想和技术社区的朋友们分享这份成就感,更想把这个我用心打磨的工具,推荐给每一个被「数据可视化」折磨过的同行。
PC端地址:www.charthub.tech
Ta是什么 —— 不止是 “图表模板库” 的双端工具
ChartHub,是我作为个人开发者,耗时将近半年时间打磨的「数据可视化辅助工具」—— 不是复杂的平台,更像一个 “帮你少走弯路的可视化伙伴”。
它有两个核心入口:PC 端主打 “高效创作”,小程序端聚焦 “轻量预览”。没有花里胡哨的功能,核心就是解决 “做图表太麻烦” 的问题:Ta对图表开发者是一个福音的存在,在这里能直接拿到可复用的模板、可编辑的代码,甚至能一键同步到手机上随时看效果。
简单说:Ta 是 “让数据变好看” 的工具,更是 “帮你省时间” 的工具。
Ta能做什么?
ChartHub 不止是 “模板库”,更是一个围绕 “数据可视化” 的轻量生态 ——18000 + 模板是基础,更核心的是让你 “用得方便、玩得起来”。
1. 18000 + 模板随便挑,覆盖 99% 的可视化场景
目前模板库已经积累了 18000 + 套作品,从最基础的折线图、柱状图,到行业专属的 “电商 GMV 看板”“科研数据热图”“教育成绩雷达图”,甚至还有小众场景的 “家谱关系图”“赛事晋级流程图”。每个模板都标注了适用场景、数据格式和代码说明。更重要的是,所有模板都是 “活的”—— 支持在线预览动态效果,满意了再下载代码,避免白费功夫。
2. 看到好东西能 “抓得住”:收藏、点赞、一键复用
遇到心仪的模板,点一下 “收藏” 就能归到自己的 “素材库”,分类标签(比如 “工作汇报”“论文图表”)帮你整理得清清楚楚,下次要用直接搜自己的收藏夹就行。觉得哪个模板特别好用?点个 “赞” 不仅是给创作者鼓励,还能让更多人在 “热门推荐” 里看到它,最方便的是 “一键复用” 功能:看中的模板不用下载,直接点 “在当前模板基础上创作”,就能基于原作者的框架改数据、调样式,站在别人的肩膀上做图,效率翻倍。
3. 不止 “用别人的”,还能 “做自己的”:零门槛创作 + 分享
你不仅可以使用别人的模板,你也可以在 ChartHub 上创作自己的图表:PC 端的 “可视化编辑器” 把复杂代码变成了 “点选操作”—— 选图表类型、加入数据、调颜色字体,全程可视化操作,实时预览效果,最后直接导出完整代码。做好的作品可以选择 “公开分享”,让其他用户参考;现在社区里已经有 18000 + 的原创作品,你的经验,可能正是别人需要的解决方案。
4. 关注 “大神” 不迷路,跟着高手学可视化
平台里可能藏着不少可视化高手:有专精 “极简风图表” 的设计师,有擅长 “复杂数据建模” 的数据分析师。点 “关注” 后,他们的新作品会直接出现在你的 “关注动态” 里,相当于有了一个 “专属可视化灵感库”。比如你关注了一位电商领域的创作者,他新发布 “618 大促数据看板” 模板时,你能第一时间看到并复用,不用再自己熬夜琢磨。遇到喜欢的作品,还能直接在评论区问创作者 “这个交互效果怎么实现的”—— 很多用户反馈,在这里不仅拿到了模板,还学到了不少代码技巧,相当于 “边用边学”。
简单说,ChartHub 想做的是:让新手能快速找到可用的模板,让老手能轻松分享自己的经验,让所有人都能在 “找 - 用 - 做 - 学” 的循环里,把数据可视化这件事变得更简单、更有趣。
为什么创建 ChartHub? —— 从 “自己的痛点” 到 “想帮更多人”
21年,正式疫情肆虐之际,当牛马的某一天,在Echarts官网看到了Demo库网站即将关闭停服的消息,这对于无数前端尤其依赖于Demo库制作精美图表的前端牛马来说,无疑是一个炸雷,所以我开始决定做点什么。确实我也开始做了点什么,但是就是因为这个做点什么,让我做了很久很久,久到5年,它(ChartHub)才顺利诞生。
不仅如此,做这个网站的初衷,其实也是自己踩过太多坑。
之前在公司做数据看板,为了一个符合设计规范的折线图,我翻了 3 篇文档、调了 2 小时样式;后来帮产品经理做季度报告,光是把 Excel 数据转成可视化图表,就耗掉了大半天 —— 不是 ECharts 配置复杂,也不是代码难写,而是 “重复造轮子” 太浪费时间
- 每次做可视化都要从零搭结构,常用的图表配置记不住,得反复查文档;
- 做好的图表想在手机上预览,要手动改适配,多端同步特别麻烦;
- 网上找的模板要么代码杂乱,要么不支持自定义,很难直接用。
“要是有个工具能把常用模板整理好,支持多端同步,还能一键复制代码就好了”—— 这个念头冒出来后,我开始利用下班和周末时间,一点点搭起了 ChartHub 的框架。
Ta的成长规划是什么 —— 个人开发的 “小步快跑”,听用户的话
作为个人开发者,没有 “大团队迭代” 的速度,但我想保持 “务实的节奏”—— 规划不求多,核心是 “解决用户真正需要的问题”。
短期(1-3 个月):把 “基础体验” 做透
优先解决大家用的时候可能遇到的 “小麻烦”:比如优化 PC 端编辑器的加载速度(现在平均 0.8 秒,想再压到 0.5 秒内)、给小程序加 “图表标注功能”(很多用户反馈 “想在图表上加备注”)、新增 100 + 行业模板。
同时会收集每一条用户反馈 —— 不管是 “某个模板有 bug”,还是 “想要某个功能”,都会记在我的 “迭代清单” 里,优先改高频反馈的问题。
中期(3-6 个月):加 “轻量社区” 功能
很多用户问 “能不能看别人做的图表案例”,所以中期想加一个 “案例分享区”—— 不是复杂的社区,更像 “用户作品墙”:大家可以自愿分享自己用 ChartHub 做的图表,标注场景和用到的模板,供其他人参考。
另外还想加 “模板定制” 的轻量服务:如果用户有特殊的图表需求(比如行业专用的复杂图表),可以提交需求,我会抽时间定制模板,免费开放给所有人用 —— 既帮用户解决问题,也能丰富模板库。
长期(6-12 个月):对接更多 “工具生态”
比如对接 Excel(支持直接导入 Excel 数据生成图表)、对接 PPT(图表能一键导出为 PPT 可用的矢量图)、对接常用开发框架(出 Vue3/React 专属的组件模板)—— 核心还是 “减少跨工具的麻烦”,让大家从 “找数据” 到 “出图表” 的全流程更顺畅。
当然,这一切的前提是 “听用户的话”:如果某个规划大家觉得没必要,或者有更紧急的需求,我会随时调整 —— 毕竟 ChartHub 是 “从用户痛点来的”,自然要跟着用户的需求走。
最后想多说一句:作为个人开发者,没有大公司的资源,只能靠 “慢一点、细一点” 来补 —— 但我很珍惜这份 “小而美” 的属性,因为这样能更直接地听大家的反馈,更灵活地改功能。
如果你用了 ChartHub 觉得有用,欢迎多提建议;如果觉得能帮到身边的人,也盼着你能多分享 —— 对个人开发来说,用户的每一句反馈、每一次转发,都是继续做下去的动力。
写在最后:个人开发不易,但想一直做 “有用的工具”
这半年里,有过无数次想放弃的时刻:比如熬夜改小程序适配到凌晨 3 点,比如上线前发现 PC 端有个兼容 bug 要重写逻辑,比如朋友劝我 “个人项目没流量,别折腾了”。
但每次想到 “如果这个工具能帮到哪怕 10 个和我一样的开发者”,就又有了动力。现在上线了,反而更紧张 —— 怕功能不够完善,怕没解决大家的真实需求。
所以如果大家试用后觉得有用,欢迎在评论区提建议;如果觉得还不错,也希望能帮我转发一下,让更多需要的人看到。
最后,祝大家国庆快乐,少加班、多陪家人~ ChartHub 的 PC 端地址和小程序二维码放下面了,期待你的反馈!
- PC 端:ChartHub PC端地址
- 小程序: