一颗烂土豆

RayChart:体验地址 https://chart3js.netlify.app 在 RayChart 的最新版本中，我们不仅升级了 3D 渲染效果，更对整个用户的使用路径进行了重构。 本文将从用

有趣的3D图表水球：从 ECharts 到 RayChart 的升维打击 在数据可视化大屏中，“水球图”（Liquid Fill Chart）绝对是展示百分比数据（如CPU使用率、完成度、剩余电量）的

最近在数据可视化领域进行了一些探索，基于 Vue 3 和 Three.js 开发了一款轻量级的 3D 图表库 —— raychart.js。 今天不谈晦涩的代码实现，主要和大家分享一

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

距 vfit.js 初版发布仅一个月，我们就收到了超预期的开发者关注 —— 每一条反馈、每一次讨论，都让我们更清晰地看到大屏适配场景中的真实需求。基于这份热情与信任，我们很高兴地宣布，vfit.js

背景与挑战 📌 在开发室内骑行应用时，最核心的需求是将用户的踏频/速度实时映射到全景视频的播放进度上。初看这是一个简单的线性映射问题，但在实际工程中，我遇到了两个极其破坏体验的“拦路虎”： ⚠️ 数据

做过大屏数据可视化的前端开发者都清楚，适配不同分辨率设备、还原设计稿布局、快速集成这些需求，往往要耗费大量时间调试。而vfit.js作为一款针对性的适配方案，没有复杂的宣传噱头，只聚焦大屏开发的核心痛

大家好，我是 一颗烂土豆。 在做大屏可视化项目时，屏幕适配往往是一个绕不开的话题。之前我开发了 Vue 版本的 vfit，收到了不少反馈。为了满足 React 社区的需求，官方的 React 版本 v

在数据可视化和大屏开发中，"适配"永远是绕不开的话题。不同分辨率下如何保持元素比例、位置精准，往往让开发者头疼不已。