产品推荐 2026-07-27

openDataV:纯前端低代码的数据可视化编辑器(源码)

OpenDataV是一款纯前端的拖拽式低代码数据可视化大屏开发平台。

开源软件跨平台工具

产品简介

openDataV 这是一个无需后端即可运行的纯前端数据可视化开发平台。它通过拖拽和低代码方式,让用户能够快速、自由地拼接和配置各种组件,从而高效地创建出炫酷的数据大屏。它非常适合需要制作数据看板、业务监控大屏的数据分析师、运营人员和前端开发者。

openDataV 主界面

核心功能

  • 拖拽式编辑,拼接组件自由创建大屏
  • 低代码平台,降低数据可视化开发门槛
  • 支持用户自定义开发并接入组件
  • 提供图层管理、组件操作、撤销恢复等编辑功能
  • 支持接入HTTP、静态等多种数据源

快速开始

  1. 确保Node.js(16.14.x)和pnpm(7.9.3)已安装。
  2. 克隆项目后,在项目根目录运行 `pnpm install` 安装依赖。
  3. 运行 `pnpm build:lib` 构建核心库。
  4. 运行 `pnpm dev` 启动开发服务器。
  5. 在Chrome或Edge浏览器中打开本地地址进行预览和编辑。

界面预览

openDataV 界面截图

openDataV 界面截图

与其他方案对比

对比项openDataV同类方案
开发门槛纯前端低代码,拖拽操作,上手快,无需复杂后端配置。传统DataV工具可能依赖特定后端或云服务,配置复杂。
定制能力开源,支持用户自定义开发和接入任意组件,灵活性高。许多商业平台组件固定,自定义开发门槛高或需付费。
技术栈基于Vue3+TypeScript+NaiveUI,现代化前端技术栈。部分老牌平台技术栈可能较旧。

适合谁用

  • 需要快速制作数据监控大屏的数据分析师和运营人员
  • 希望低代码搭建可视化界面的企业技术团队
  • 需要学习或实践数据可视化开发的前端开发者

下载与版本

当前最新版本为 v0.0.6,发布于 2024-12-01。支持 Windows、macOS、Linux。

⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。

注意事项

  • 本工具仅供学习和研究使用,请遵守相关法律法规。
  • 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
  • 项目源码地址:https://github.com/AnsGoo/openDataV