【免费下载链接】dacDaC is a dashboard-as-code tool. Build interactive dashboards using YAML and JSX. Built-in semantic layer. Get your agents to build standardized, reviewable dashboards.项目地址https://gitcode.com/gh_mirrors/dac18/dac点击查看免费下载DAC 是一款 dashboard-as-code 工具用 YAML 或 JSX 定义交互式仪表盘内置语义层让 AI Agent 也能生成标准化、可评审的数据看板。本文带你实战 DAC 的21 种图表类型——从折线图、柱状图到漏斗图、桑基图教你为每种数据故事选对图表。上面是dac serve打开后的看板列表界面每个 YAML 文件就是一个看板图表、筛选器、数据连接全部写在代码里可以进 Git 做评审和版本管理。快速上手一条命令预览全部图表DAC 的图表通过 widget 的chart字段声明类型枚举定义在 schemas/dac/dashboard/v1/schema.json。想亲眼看看全部效果直接跑仓库自带的示例项目dac serve --dir examples/basic-yaml浏览器打开后示例里的漏斗图、仪表盘、树图等都会即时渲染。示例运行方式和项目说明见 examples/README.md。DAC 21 种图表类型速查表这是 DAC 官方文档首页列出的 21 种内置图表出处docs/index.md按讲什么故事分组速查#类型必填字段适合讲的故事1line折线图x,y随时间变化的趋势可加yMin/yMax画置信带2bar柱状图x,y分类对比支持堆叠、分组、横向3area面积图x,y趋势 体量感常配合堆叠看结构4pie饼图label,value整体中各部分的占比5scatter散点图x,y两个变量的相关关系6bubble气泡图x,y,size在相关性上叠加第三个维度7combo组合图x,y柱状 折线混排双轴看量 vs 率8histogram直方图x单个数值字段的分布bins控制分箱9boxplot箱线图x,y分组数据的离散程度与异常值10funnel漏斗图label,value注册 → 激活 → 付费的转化流失11sankey桑基图source,target,value流量在节点间的流向渠道 → 页面 → 订单12heatmap热力图x,y,value二维网格上的强度分布如渠道 × 区域13calendar日历热力图x,value按天看活跃/提交/事件热度14sparkline迷你趋势线x,y无坐标轴的紧凑趋势塞进表格或窄格15waterfall瀑布图x,y从期初到期末的增减分解收入桥16xmr控制图x,y过程稳定性配控制上下限17dumbbell哑铃图x,y2 列前后对比如改版前 vs 改版后18gauge仪表盘value可加targetKPI 完成度一眼看出差多少19treemap树图label,value矩形层级占比比饼图容纳更多分类20radar雷达图x,y多维度画像如 H1 vs H2 订单状态21candlestickK 线图x,open,high,low,closeOHLC 行情走势完整字段说明见官方文档 docs/dashboards/widgets.md。按数据故事选图5 类场景实战讲趋势line / area / sparkline趋势类图表的精髓是x用日期列 y用指标列。实验读出的经典用法是给折线加上yMin/yMax置信带和无效应参考线一眼判断效应是否显著- name: Line CI band type: chart chart: line x: { field: day } y: { field: effect } yMin: lo # 置信区间下界列 yMax: hi # 置信区间上界列这套置信带 森林图 误差棒的完整实验看板可直接参考 examples/basic-yaml/dashboards/experiment-charts.yml。讲转化与流向funnel / sankey / waterfall漏斗图自动算出每阶段占顶层的比例和逐级转化率数据只需labelvalue两列且行顺序即漏斗顺序顶层在前- name: Onboarding Funnel type: chart chart: funnel label: stage value: { field: users }营销漏斗的完整示例含分渠道对比、横向布局、SQL 版漏斗见 examples/basic-yaml/dashboards/marketing-funnel.yml。桑基图则把来源 → 去向的流量画成丝带source/target/value三列即可瀑布图按行累计出收支桥梁两者都不需要额外配置。讲占比与目标pie / treemap / gauge分类少≤6用pie分类多改用treemap矩形面积更省空间gauge是KPI vs 目标神器查出一行current和target半圆仪表直接显示完成百分比。gauge、treemap、radar、candlestick 四种新图表的验证示例在 examples/basic-yaml/dashboards/new-charts.yml例如仪表盘写法- name: Revenue vs Target type: chart chart: gauge sql: | SELECT SUM(amount)::INTEGER AS current, 15000000 AS target FROM sales value: { field: current } target: target讲分布与离散histogram / boxplot / scatter / heatmaphistogram客户端自动分箱bins默认 10boxplot客户端算四分位适合每个区域的价格分布scatter看两变量相关加size列升级为bubbleheatmap适合渠道 × 区域这类交叉矩阵showValues: true可在格子内直接显示数值colorScale可把默认蓝色分档换成红白绿连续色带钉住range后零值正好落在中性色不同筛选视图之间颜色可比。讲对比bar / dumbbell / radar / candlestick多列y.field自动渲染为分组柱状图加colorstacked: true变堆叠normalized: true变百分比堆叠dumbbell用两个 y 列画起点—终点哑铃前后对比一目了然radar把多个维度摊到极坐标上做多维画像candlestick需要open/high/low/close四列是金融场景标配。两个隐藏高手forest 与 vega-lite除了官方 21 种schema 里还有两个进阶类型值得知道forest森林图每个类别一个点估计 置信区间区间跨过 0 时自动变灰表示不显著是 A/B 实验多指标总览的最佳搭档。chart: vega-lite当内置图表满足不了构图需求分层、分面、拼接、变换时直接把 Vega-Lite 规范写进specDAC 查询结果作为名为dac的数据集注入。官方示例 examples/basic-yaml/dashboards/vega-lite.yml 用曲线丝带画了一个桑基风客户旅程还包含置信区间分层、双轴、棒棒糖图。写图表不踩坑的 4 条规则 来自 docs/dashboards/widgets.md 的编码规范字段必须包在对象里x: { field: month }有效x: month无效——这是最常见的校验报错来源。格式交给 format金额写$,.0f百分比写.0%日期写%b %Y省略时自动用紧凑格式如1.2M。双轴用 y2金额美元和转化率%量纲不同把转化率列放进y2.field即可共享一张图但y2不能与stacked/horizontal/color混用。稀疏折线记得锚零趋势图设置beginAtZero: true避免自动缩放夸大波动。小结一张图讲清一个故事21 种图表本质上只回答 6 个问题怎么变的line/area/sparkline、谁多谁少bar/pie/treemap/gauge、流向哪里funnel/sankey/waterfall、分布如何histogram/boxplot/scatter/heatmap/calendar、稳不稳定xmr、前后差多少dumbbell/radar/candlestick。选对图表只是第一步——在 DAC 里这些图表都是 YAML 代码可以提交评审、让 AI Agent 按规范批量生成、随数据源变化自动重跑。数据故事的讲清楚从此有了可复制的写法。赞分享【免费下载链接】dacDaC is a dashboard-as-code tool. Build interactive dashboards using YAML and JSX. Built-in semantic layer. Get your agents to build standardized, reviewable dashboards.项目地址https://gitcode.com/gh_mirrors/dac18/dac点击查看免费下载相关推荐PanelUI 图表全家桶折线图、桑基图、热力图等 21 种图表组件快速上手完整指南PanelUI 图表全家桶折线图、桑基图、热力图等 21 种图表组件快速上手完整指南 面向新手的一站式 PanelUI 图表组件教程从折线图到桑基图21gpui-kit Chart 图表组件完全指南从折线图到桑基图的跨平台数据可视化实战gpui kit Chart 图表组件完全指南从折线图到桑基图的跨平台数据可视化实战 本文围绕 gpui kit 组件库的 Chart 图表模块系统讲解 L桌面应用UI组件前端跨平台Data Science for Beginners 第 9 课 R 实战用 ggplot2 折线图、散点图与条形图讲一个鸟类数据故事Data Science for Beginners 第 9 课 R 实战用 ggplot2 折线图、散点图与条形图讲一个鸟类数据故事 本篇文章对应本仓库 3教程数据分析创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
