Grafana Labs

Grafana Pages: Turn data into interactive experiences with the next evolution of Grafana

8.5内容质量

TL;DR · AI 摘要

Grafana Pages 允许用户通过自然语言构建交互式数据应用,无需编码即可实现可视化、协作和实时共享,提升团队效率。

核心要点

  • Grafana Pages 支持基于现有数据连接的无代码应用构建,减少开发时间
  • 用户可通过自然语言描述需求,Grafana Assistant 自动生成交互式页面
  • Pages 支持多种可视化类型(如幻灯片、游戏),适用于 incident view、runbook 等场景

结构提纲

按章节快速跳转。

  1. 揭示团队在信息准备中浪费大量时间的痛点,引出Grafana Pages解决方案

  2. 通过自然语言描述需求,Grafana Assistant自动生成交互式页面

  3. 复用现有Grafana数据连接,无需重新配置数据源

  4. 支持实时共享和多用户交互,包含过滤器和时间范围控制

  5. 适用于incident view、runbook、deploy tracker等10+业务场景

思维导图

用一张图看清主题之间的关系。

查看大纲文本(无障碍 / 无 JS 友好)
  • Grafana Pages
    • 无代码构建
      • 自然语言交互
      • 自动页面生成
    • 数据连接
      • 复用Grafana现有数据源
    • 应用场景
      • incident view
      • runbook
      • status page

金句 / Highlights

值得收藏与分享的关键句。

#Grafana#数据可视化#无代码#协作工具
打开原文

团队在准备信息上花费的时间往往和讨论信息的时间一样多:收集图表、查阅商业报告、查找解释变更的GitHub活动记录。每一个后续问题都可能导致新一轮的工作。

这就是为什么作为ObservabilityCON 2026的一部分,我们非常激动地推出Grafana Pages,这是Grafana Cloud的一项新功能,为你提供一个画布,可以描述你的需求,并基于真实数据、上下文和交互在几分钟内构建一个实时应用。从新型可视化图表到幻灯片,甚至是游戏,唯一的限制就是你的想象力。

目前处于公开预览阶段,通过Grafana Assistant,你可以使用已通过Grafana访问的数据创建交互式视图和工具。无需编写代码或进行配置;无需导出、上传或部署步骤。与固定面板网格的标准仪表板不同,你只需描述你的需求,通过对话进行优化,然后与团队分享,按需探索并随时返回。

Pages带来的可能性

Pages让你能够在熟悉的Grafana环境中,借助Grafana Assistant的协助,构建可信、可靠且可扩展的(小型)应用。

通常,广泛解决方案可能忽略特定于你组织的使用场景。但通过Pages,你可以轻松构建并拥有自己的信息中心,无论是事件视图、运行手册、部署追踪、高管简报,还是面向客户的状况页面。

让我们看看今天你可以用Pages构建的一些方式。

基于现有数据连接构建

让内部工具投入使用的起点是将其连接到有用的数据。Pages基于你在Grafana中已使用的数据连接,为你提供了一个起点,将运营和商业信息整合在一起。

将交易量与服务性能并列展示,或围绕生产趋势和相关上下文构建发布审查。将你的精力集中在塑造团队需要回答的问题的体验上,而不是陷入纠结各种可视化功能的细节。

让同事回答下一个问题

共享视图通常会引发你最初未考虑的其他问题。某人可能想了解特定地区的影响,第二个人可能询问问题发生的时间,第三个人则想知道哪个服务推动了变更。

Pages可以包含筛选器、时间范围控制和下钻功能,让同事自行探索这些问题。从概览开始,缩小到某个地区或服务,查看支持细节——所有操作都无需请求某人准备另一份报告。

[复用工作成果,进一步拓展创意](https://grafana.com/blog/grafana-ai-next-gen-visualization/#reuse-the-work-take-the-idea-further)

只需构建一次页面,下次审查时即可通过新的时间范围返回该页面。随着团队发现哪些对比和细节具有价值,可通过助手持续优化。

Pages 的混剪功能为创意扩展提供了良好空间。同事可能构建了一个实用的部署追踪页面,你或许能发现如何将其拓展为更全面的发布审查。从他们的页面出发,加入你的视角,将其转化为双方都不必从零开始构建的成果。

[信任你所看到的内容](https://grafana.com/blog/grafana-ai-next-gen-visualization/#trust-what-you-see)

只有当人们相信页面内容时,页面才有价值。每个页面都会保留其数据来源,即图表和数字背后的具体查询,你和同事可直接追溯数值来源,而无需完全依赖助手的说明。要验证已构建的页面,可在 Grafana Cloud 的探索模式中打开数据源,使用相同时间范围运行相同查询,与页面展示内容进行比对,并继续深入分析。

Pages 还基于你已有的访问权限构建。它们可与你在 Grafana Cloud 中配置的任意现有数据连接配合使用,Grafana 的权限控制和数据源策略同样适用于所有请求。如果页面需要执行超出数据读取的操作(如发送 Slack 消息或发起 HTTP 请求),Grafana 会在执行前展示目标地址和待审核的参数值。

[查看人们正在构建的内容](https://grafana.com/blog/grafana-ai-next-gen-visualization/#see-what-people-are-building)

早期内部案例展示了人们使用 Pages 构建的多样化场景,从商业监控到发布工具,再到可视化叙事。

在本节中,我们将链接到部分项目供你查看。我们还直接在本文中嵌入了多个页面,你也可以在此与它们交互。

[运行你的运维流程](https://grafana.com/blog/grafana-ai-next-gen-visualization/#run-your-operations)

Pages 可替代故障排查、审计和容量审查中繁琐的标签切换操作。每个示例都会收集数据、排序关键信息,并允许你直接采取行动。

[故障排查](https://play.grafana.org/a/grafana-assistant-app/pages/triage-8a844c5b8955). 检查(虚构的)天文学商店和银行生产命名空间中各项服务的健康状况。故障排查功能会展示 SLO 消耗情况、错误和延迟回归,以及触发的告警。选择最紧急的服务,直接从同一视图开启调查。

[服务健康](https://play.grafana.org/a/grafana-assistant-app/pages/service-health-03ca766ada2d). 查看哪些服务已超出 SLO 错误预算或正在消耗预算。选择服务后,可深入查看其流量、错误率、p95 延迟和触发告警在自定义时间范围内的表现。

[资源优化](https://play.grafana.org/a/grafana-assistant-app/pages/rightsizing-6a937855da6d). 对比 Kubernetes CPU 和内存请求与实际使用情况。识别过度分配或资源不足的工作负载,查看修复它们的月度成本,并生成推荐请求变更的补丁包。

[告警噪声审计](https://play.grafana.org/a/grafana-assistant-app/pages/alert-noise-audit-c43ba87afa3d). 找出产生最频繁触发事件的告警规则,将其分类为抖动告警、持续触发、异常告警或夜间告警。在应用修复方案前,可查看静默期设置或持续触发时长配置等修复建议。

探索数据

一个页面可以将数据源转化为可交互探索的界面,而不仅仅是静态阅读内容。

[观测台](https://play.grafana.org/a/grafana-assistant-app/pages/observatory-cfec449aa8fc). 在天文学商店的交互式星图中,可以查看请求速率、错误率、延迟、服务调用路径和最近订单。最繁忙的服务会以最亮的光点呈现,失败调用会突出显示,还可追踪单个订单在星图中的轨迹。

[动荡星球](https://play.grafana.org/a/grafana-assistant-app/pages/the-restless-planet-5cbef6f74bb7). 任意时间窗口内的美国地质调查局地震活动会以滚动故事形式呈现,展示地震发生频率、聚集区域和能量分布情况。调整时间窗口时,所有描述内容会自动重新计算。

讲述故事

页面功能不仅限于仪表板。可以利用页面展示分析结果,数据保持实时更新的同时,页面格式可灵活调整。

[周度回顾](https://play.grafana.org/a/grafana-assistant-app/pages/week-in-review-3dbf104a0411). 天文学商店和银行服务的周度健康状况回顾,包含SLO、告警、延迟、成本和客户数据。这是一个可导航的幻灯片演示文稿,附带演讲者备注,适合周一会议使用。

[堆栈周报](https://play.grafana.org/a/grafana-assistant-app/pages/stack-wrapped-5e08e1d426bd). 以故事形式回顾堆栈一周的表现,涵盖请求量、延迟、告警、SLO性能、区域收入和集群成本。该页面专为分享设计,包含可点击跳转的卡片组件。

趣味体验

[尾部冲刺](https://play.grafana.org/a/grafana-assistant-app/pages/tail-run-401e658f864f). 以游戏形式体验生产服务某时段的延迟和错误数据。P99延迟设定上限,错误率和中位延迟设定下限。在游戏过程中可观察服务的实际运行状态。

_创建商店运营页面,使用我们的交易和支付错误数据。让我比较地区、选择商店并调整时间范围。清晰展示缺失数据,并包含指向数据源的链接。_

尝试第一个版本,将代表值与数据源进行核对,并与最终用户一起优化控件。一个有用的后续请求可能是:“添加与上周的对比,并将支付错误与交易趋势并列显示。”

你甚至可以将最受欢迎的仪表板转换为页面,并查看添加过滤器和下钻功能后的效果。

无论哪种方式,都从能为团队节省重复准备步骤的方案开始。[](https://grafana.com/launch/a/grafana-assistant-app/pages/new?pg=grafana-ai-next-gen-visualization&plcmt=in-text)创建页面,并随着问题变化持续改进。你的初稿只需几分钟即可完成,之后可以根据需要规划更长或更短的迭代周期和优化步骤。

标签