让开源，少一点语言距离。
npm包中文文档

@chatwoot/viz

中文文档
0.1.6发布于 2026/09/23MITES Module零依赖近 30 天下载 10万

Tiny Vue chart components for Chatwoot

原始使用文档
中文原文
文档目录5 节
  1. Install
  2. Documentation
  3. Agent skill
  4. Playground
  5. License

@chatwoot/viz

Small, responsive chart components for Vue 3.5+. Built for Chatwoot with accessible interactions, rich HTML tooltips, and no runtime charting dependency.

Install

pnpm add @chatwoot/viz

Import the stylesheet once, then import the charts you need:

import '@chatwoot/viz/style.css'

<script setup>
import { LineChart } from '@chatwoot/viz'

const data = {
  categories: ['Week 1', 'Week 2', 'Week 3'],
  series: [{ id: 'resolved', label: 'Resolved', data: [12, 29, 23] }],
}
</script>

<template>
  <LineChart :data="data" aria-label="Resolved conversations by week" />
</template>

Documentation

Agent skill

Install the chatwoot-viz skill to teach a compatible coding agent how to choose, configure, theme, and test these charts:

npx skills add chatwoot/viz --skill chatwoot-viz

Playground

pnpm install
pnpm dev

Open / for the chart gallery or /bar, /donut, /heatmap, /line, /percentage, and /sankey for editable stories.

License

MIT

版本与发布记录

@chatwoot/viz 共发布 7 个版本，首次发布于 2026/08/13；过去 12 个月发布了 7 个版本。

版本发布日期距今
0.1.6latest2026/09/231 个月前
0.1.52026/08/172 个月前
0.1.42026/08/172 个月前
0.1.32026/08/132 个月前
0.1.22026/08/132 个月前
0.1.12026/08/132 个月前

关于 @chatwoot/viz 的常见问题

@chatwoot/viz 是什么？

Tiny Vue chart components for Chatwoot

如何安装 @chatwoot/viz？

在项目目录运行 npm install @chatwoot/viz，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：vue（^3.5.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

@chatwoot/viz 支持 TypeScript 吗？

该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/chatwoot__viz 是否存在。

@chatwoot/viz 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。

@chatwoot/viz 需要什么版本的 Node.js？

package.json 的 engines 字段要求 Node.js >=24.4.1。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

@chatwoot/viz 可以商用吗？

@chatwoot/viz 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

@chatwoot/viz 的下载量有多少？

根据 npm 官方下载统计，@chatwoot/viz 在 2026/10/10 – 2026/11/08 这 30 天内被下载 100,347 次，日均约 3,345 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

@chatwoot/viz 还在维护吗？

最新版本 0.1.6 发布于 2026/09/23（1 个月前）；至今共发布 7 个版本，其中过去 12 个月发布了 7 个；首次发布于 2026/08/13。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。