你好,我是

王 彬

前端开发者 · 开源爱好者 · 可视化玩家

12
年写代码
12
个开源库
682+
GitHub Stars
50+
个项目经历
Vue3 生态 数据可视化 AI 应用 组件库 开源 全端开发
王彬
Vue3 ECharts AI TypeScript 682★ Three.js

关于我

写了 12 年前端,从 Unity3D 游戏开发转到 Web,一路折腾过组件库、数据可视化大屏、低代码平台、AI 智能体,什么有意思就去琢磨什么。平时喜欢把工作中反复造的轮子抽成开源库,目前维护着 12 个 Vue 生态的开源项目。对 Vue3 生态和工程化比较熟,也爱玩 ECharts、Three.js 这些可视化的东西。最近在探索 AI + 前端的结合,用 LangChain 和大模型做了一些好玩的应用。

12+
年写代码
50+
个项目经历
12
个开源项目
682+
GitHub Stars
80+
封装过的组件
3
个平台(Web/小程序/桌面)

成长轨迹

2018 — 至今
深耕前端 · 全栈探索
Vue 生态 → 可视化 → AI 应用
  • 从零搭建了一套 Vue3 组件库(bin-ui-design),封装 50+ 组件,自己和团队的项目都在用
  • 折腾工程化,把项目从 Webpack 迁到 Vite,构建速度快了好几倍
  • 做了不少数据可视化大屏,智慧城市、智慧工厂那种,Three.js 3D 场景也玩了不少
  • 最近在做 AI 相关的东西 —— 智能体平台、RAG 知识库、OCR 识别,挺有意思
  • 搭了一套 CI/CD 流程,从提交代码到部署上线基本自动化了
2015 — 2017
入行 · Unity3D 游戏开发
C# + 3D 渲染 → 跨平台游戏
  • 最早用 Unity3D + C# 做游戏,搞过渲染管线优化和多平台适配
  • 这段经历让我对 3D 可视化和性能优化有了底子,后来转前端也用上了

做过的东西

🏗️ 基础工具
🧩
2021 — 至今
bin-ui-design — Vue3 组件库

自己从零搭的组件库,Monorepo 架构,Vitest + Cypress 测试覆盖 85%,自己项目和团队项目都在用。

Vue3 TypeScript Vite Tailwind
✦ 50+ 个项目在用 · 开源在 GitHub
🖥️
2022 — 至今
数据可视化大屏平台

拖拽式布局编辑器,Three.js 做 3D 场景,ECharts 跑上百个图表也不卡,支持多屏自适应。

Vue3 ECharts Three.js WebGL
✦ 做了 20+ 块大屏 · 智慧城市 / 智慧工厂 / 信用体系
🤖
2025 — 至今
AI 智能体平台

接入大模型做的 AI 平台,支持 RAG 检索增强、多轮对话、工具调用、流式响应,可以用插件扩展。

Vue3 LangChain OpenAI WebSocket
✦ 团队日常都在用 · 效率提升明显
💼 业务应用
📊
2024 — 至今
AI 智能问数平台

用自然语言查数据、生成报告,CopilotKit 做流式交互,ECharts 做图表可视化,还能一键导出 PDF。

React Next.js CopilotKit ECharts
✦ 原来做月报要 2 天,现在 2 小时搞定
🗄️
2020 — 2025
数据治理平台

做数据血缘分析和元数据管理的平台,D3.js 画复杂关系图,支持拖拽式数据建模。

Vue3 D3.js ECharts AntV
✦ 管理了大部分数据资产 · 做了好几年的长期项目
🔧
2021 — 2023
低代码平台

拖拽搭建应用的平台,JSON Schema 转 Vue 代码,内置 50+ 业务组件,带版本控制和发布管理。

Vue3 TypeScript vue-flow
✦ 用它搭了 30+ 个应用 · 省了不少开发时间
🚀 创新探索
📚
2025 — 至今
智能知识库系统

把分散的知识整合到一起,支持智能检索、知识图谱可视化、标签分类,方便团队查找和复用。

Vue3 TypeScript Elasticsearch Mermaid
✦ 找资料比以前快多了 · 知识终于不散落各处了
🔍
2023 — 至今
OCR 智能识别平台

证件、票据、文档都能识别的 OCR 平台。支持图片预处理、批量上传、可视化校正,挺实用的工具。

Vue3 bin-ui-design 表单设计器
✦ 准确率 95% · 省掉了大量手动录入的活
🔄
2023 — 至今
数据交换平台

跨部门数据共享交换,AntV G6 画关系图,WebSocket 做实时监控和告警,还有多维度的统计报表。

Vue3 AntV G6 ECharts WebSocket
✦ 连接了 20+ 个部门 · 每天跑千万级数据

开源作品

⭐ GitHub Stars 682+
bin-ui-design
🧩 bin-ui-design ⭐ 135

一个基于 Vue3 和 TypeScript 的组件库

Vue3TypeScript
bin-admin-pro
⚙️ bin-admin-pro ⭐ 71

基于 bin-ui 的后端管理系统

Vue3 全家桶
bin-editor-next
📝 bin-editor-next ⭐ 194

基于 brace 的 Vue3 编辑器组件库

Vue3brace
bin-datav
📊 bin-datav ⭐ 94

一个基于 Vue3 和 TypeScript 的数据可视化组件库

Vue3TypeScript
bin-datav-schema
🖥️ bin-datav-schema

vite + vue3 数据可视化大屏框架

Vue3TypeScript
bin-grid-layout
⬜ bin-grid-layout ⭐ 18

一个基于 Vue3 和 TypeScript 的网格布局组件库

Vue3TypeScript
bin-charts-next
📈 bin-charts-next ⭐ 24

一个基于 Vue3 和 echarts 的图表组件库

Vue3echarts
bin-form-maker
📋 bin-form-maker ⭐ 7

一个基于 Vue3 和 TypeScript 的表单生成器组件库

Vue3TypeScript
bin-excel-pro
📑 bin-excel-pro ⭐ 6

一个基于 Vue3 和 univer 的 Excel 表格组件库

Vue3univer
bin-tree-org
🌳 bin-tree-org ⭐ 103

一个基于 Vue2 的组织树组件

Vue2
bin-animation
✨ bin-animation ⭐ 22

基于vue,结合transition钩子函数配合的css3动画库

Vue
bin-keyframe-animation
🎬 bin-keyframe-animation ⭐ 8

js关键帧动画库

JavaScript
bin-ui-design
🧩 bin-ui-design ⭐ 135

一个基于 Vue3 和 TypeScript 的组件库

Vue3TypeScript
bin-admin-pro
⚙️ bin-admin-pro ⭐ 71

基于 bin-ui 的后端管理系统

Vue3 全家桶
bin-editor-next
📝 bin-editor-next ⭐ 194

基于 brace 的 Vue3 编辑器组件库

Vue3brace
bin-datav
📊 bin-datav ⭐ 94

一个基于 Vue3 和 TypeScript 的数据可视化组件库

Vue3TypeScript
bin-datav-schema
🖥️ bin-datav-schema

vite + vue3 数据可视化大屏框架

Vue3TypeScript
bin-grid-layout
⬜ bin-grid-layout ⭐ 18

一个基于 Vue3 和 TypeScript 的网格布局组件库

Vue3TypeScript
bin-charts-next
📈 bin-charts-next ⭐ 24

一个基于 Vue3 和 echarts 的图表组件库

Vue3echarts
bin-form-maker
📋 bin-form-maker ⭐ 7

一个基于 Vue3 和 TypeScript 的表单生成器组件库

Vue3TypeScript
bin-excel-pro
📑 bin-excel-pro ⭐ 6

一个基于 Vue3 和 univer 的 Excel 表格组件库

Vue3univer
bin-tree-org
🌳 bin-tree-org ⭐ 103

一个基于 Vue2 的组织树组件

Vue2
bin-animation
✨ bin-animation ⭐ 22

基于vue,结合transition钩子函数配合的css3动画库

Vue
bin-keyframe-animation
🎬 bin-keyframe-animation ⭐ 8

js关键帧动画库

JavaScript

技术栈

💻 核心语言
Vue3 / Vue2精通
TypeScript精通
JavaScript精通
React熟练
Next.js熟练
📊 可视化
ECharts精通
Three.js精通
D3.js精通
WebGL熟练
Canvas熟练
AntV G6熟练
⚙️ 工程化
Vite精通
Webpack精通
Rollup熟练
Monorepo熟练
CI/CD熟练
📱 移动端 · 跨端
微信小程序精通
uni-app熟练
React Native掌握
Electron掌握
🤖 AI 工具链
Claude Code精通
Copilot精通
Cursor精通
LangChain熟练
CopilotKit熟练
🔗 其他
Node.js熟练
Unity3D熟练
Elasticsearch掌握
C#掌握
精通 熟练 掌握

擅长的事

从零开始造东西

喜欢从一个想法开始,把整套系统搭起来。从设计到开发再到上线运维,享受把事情做完整的过程。

🎯
组件库狂热爱好者

造了 50 多个组件,从编辑器、图表到拖拽大屏都写过。最开心的事就是封装一个好用的组件,然后看到别人真的在用。

📊
数据可视化玩家

最早写 Unity3D 做 3D 可视化,后来转到前端继续折腾。ECharts、Three.js、WebGL 都玩过,做过不少数据大屏和 3D 智慧园区之类的酷炫项目。

🤖
AI 编程重度用户

Cursor、Copilot、Claude Code 都是我的日常工具。也自己折腾过 AI 智能体和 RAG 知识库,觉得 AI 辅助编程是真的爽。

🌐
什么端都能写

Web、小程序、uniapp、桌面端都做过。喜欢尝试不同平台,享受在不同环境下解决问题的乐趣。

🔓
开源爱好者

GitHub 上维护了 12 个开源库,收获 682+ Stars。写开源项目是因为自己需要,能帮到别人就更开心了。

联系方式

有趣的项目、技术交流、或者单纯想聊聊,都欢迎找我