【开源招募】raychart.js：打造好用的 Web 3D 可视化图表引擎

大家好，我是 raychart.js 的发起人。

今天想向大家介绍一个我正在孵化的开源项目 —— raychart.js，并诚挚邀请对 WebGL、数据可视化、前端工程化 感兴趣的小伙伴加入我们的开发团队！

raychart.js 体验地址 https://chart3js.n…

🌟 项目愿景 (Vision)

在当前的数据可视化领域，我们有 ECharts、Chart.js 这样优秀的 2D 图表库，也有 Three.js、Babylon.js 这样强大的 WebGL 渲染引擎。但在  "开箱即用的 3D 统计图表"  这一细分领域，往往存在两极分化：

• 传统图表库的 3D 扩展往往功能受限，定制化程度低。
• 直接使用 Three.js 开发图表门槛过高，需要处理大量的数学计算、交互逻辑和渲染优化。

raychart.js 的目标是：

做 Web 领域的 "3D 版 ECharts" —— 让 3D 图表的开发像写 JSON 配置一样简单，同时拥有原生 WebGL 的高性能与视觉表现力。

我们希望通过高度封装的组件系统，让开发者只需关注数据与业务逻辑，即可生成 炫酷、高性能、可交互 的 3D 数据可视化应用。

🚀 核心特性 (Features)

目前项目已完成 MVP（最小可行性产品）版本的核心架构，具备以下特性：

1. 现代化技术栈：
   • 基于 Vue 3 + TypeScript 构建，类型安全，开发体验极佳。
   • 渲染核心采用 Three.js，利用 PBR 物理渲染管线，提供真实的材质与光影效果。
   • 集成 D3.js 处理复杂的数据比例尺与布局算法。
2.  可视化配置编辑器：
   • 我们内置了一个强大的所见即所得编辑器。
   • 支持 坐标轴 (Cartesian/Polar) 、材质 (PBR/透明/自发光) 、光照 (环境光/平行光/阴影)  的实时拖拽配置。
   • 支持 代码与视图双向绑定，修改配置即刻渲染。
3.  组件化架构：
   • 引擎核心 (RayChartEngine) 与图表组件解耦。
   • 支持插件式扩展新的图表类型（目前已实现 3D 柱状图，计划支持 3D 散点、曲面、流场等）。

🛠️ 我们正在做的事情

目前我们正在攻克以下方向，非常需要你的加入：

•  图表丰富度：开发 3D 饼图、3D 折线图、3D 散点图、3D 地理可视化组件。
•  交互体验：实现更细腻的 3D 拾取 (Raycasting)、Tooltip 交互、视角控制器优化。
•  渲染增强：引入后处理效果 (Post-processing)、辉光 (Bloom)、景深 (DOF)，提升视觉冲击力。
•  工程化建设：完善文档、单元测试、NPM 发包流程、React/Vanilla JS 适配层。

🤝 招募队友 (Join Us)

如果你对以下任一领域感兴趣，欢迎加入我们：

1.  前端开发 (Vue 3/TypeScript) ：
2. • 完善配置面板 UI（基于 Naive UI）。
   • 优化编辑器交互逻辑。
3.  WebGL / Three.js 开发者：
   • 编写核心 Shader，优化材质效果。
   • 攻克 3D 空间算法与性能优化问题。
4.  数据可视化设计师：
   • 设计默认配色主题与视觉规范。
   • 提供 3D 场景美学建议。

🔗 如何参与

项目目前处于快速迭代期，每一行代码都可能成为未来的核心基石！

•  GitHub: [raychart.js 仓库地址] (待补充)
•  联系方式: 请在评论区留言或私信我，备注【raychart.js 参与】。

让我们一起，用代码构建更立体的视界！ 🌍✨

本文由 raychart.js 团队发布