Observable 是一个围绕"用代码探索数据"的 Web 平台:在浏览器里编写由 JavaScript、Markdown、HTML 和 SQL 单元格组成的响应式笔记本(notebook),实时看到图表输出,与他人协作,并把结果分享或嵌入到任何网站。它由可视化库 D3.js 的作者 Mike Bostock 参与创立,平台上聚集了超过一百万个公开或私有的笔记本(官方数据),同时维护着 D3、Observable Plot、Observable Framework 等知名开源项目。对于想用代码做交互式数据可视化、数据新闻、仪表盘或技术教学的读者,它是最值得评估的平台之一。

Observable 官网首页,展示“Not your typical notebook”标语和多种社区可视化示例

站点速览

  • 网址:https://observablehq.com/
  • 类型:数据可视化笔记本平台 + 开源可视化工具链
  • 费用:免费档可用;Notebook Pro 每位编辑者每月 22 美元,查看者每位每月 10 美元;另有 Enterprise 计划(定价页,截至 2026-08-31)
  • 注册要求:浏览公开笔记本无需账号;创建笔记本需注册,支持邮箱、Google、GSuite、Microsoft、GitHub 登录;用户须年满 13 岁(服务条款)
  • 界面语言:英文

站点背景

Observable 的前身可以追溯到 Mike Bostock 2017 年发布的 d3.express——一个"集成式数据探索环境"实验。公司于 2016 年由 Bostock 与前 Google 工程副总裁 Melody Meckfessel 联合创立,平台在 2018 年 1 月 31 日公开 Beta。Bostock 是 D3.js 的作者,曾任《纽约时报》图形编辑,这也让 Observable 从诞生起就与数据新闻和可视化社区关系密切。

商业化方面,Observable 于 2020 年 11 月完成 1050 万美元 A 轮融资(Sequoia 与 Acrew 领投),2022 年 1 月完成 3560 万美元 B 轮(Menlo Ventures 领投)。根据官网 About 页面,公司目前由 Mike Bostock 与 Julio Avalos 担任联合 CEO,远程办公。

产品线近年经历了两次重要演进:

  • 2024 年 2 月,官方以 "Observable 2.0" 的名义推出开源静态站点生成器 Observable Framework,把平台能力从在线笔记本延伸到可自托管的数据应用。
  • 2025 年 7 月,发布 Notebooks 2.0 技术预览:包括基于 HTML 的开放笔记本文件格式、开源的 Notebook Kit 命令行工具,以及 macOS 桌面编辑器 Observable Desktop。截至 2026-08-31,官网首页已挂出"Notebooks 2.0 is now live on the web"横幅,网页版新一代笔记本正式可用。

笔记本:浏览器里"活的"数据文档

笔记本是 Observable 的核心。与 Jupyter 等本地/服务器端笔记本不同,Observable 笔记本完全在浏览器中运行,无需配置任何开发环境,且内置响应式求值:修改任意单元格或拖动滑块,依赖它的下游单元格会自动重算并刷新图表。官方文档概括的主要能力包括:

  • 多种单元格:Markdown 文本、JavaScript、SQL、HTML 混排,配合 Observable Inputs(下拉、滑块、表格等控件)快速做出可交互图表;
  • 数据接入:直接拖放文件附加到笔记本,连接 API,或连接 BigQuery、Snowflake、DuckDB、PostgreSQL 等数据库(截至 2026-08-31 的定价表将数据库、云文件与 Web API 访问同时列入 Free 与 Pro 档);
  • 协作:多人实时编辑、评论、自动版本历史、fork 与合并、从他人笔记本导入单元格复用代码;
  • 分享与嵌入:公开笔记本可直接访问,也可以 iframe 嵌入网页,或作为响应式 JavaScript 模块导入自己的应用;
  • AI Assist:在笔记本内获得代码编写与报错修复辅助,Free 档同样可用。

D3 官方账号发布的柱状图笔记本:上方是 Markdown 说明与图表输出,下方是生成图表的 JavaScript 代码单元格

上方是一个典型的公开笔记本(D3 官方 Gallery 的柱状图示例):文字、图表输出与代码单元格依次排列,页头还标注了许可证(ISC)、fork 次数与收藏数。读者无需注册即可浏览和 tinkering(试改)公开笔记本的代码。

需要注意的是,Notebooks 2.0 带来了一个重要变化:新笔记本改用标准 JavaScript(原先的"Observable JavaScript"是一种非标准方言),采用基于 HTML 的开放文件格式,可以用开源的 Notebook Kit 把笔记本直接构建成静态站点自行托管。不过根据官方 2026 年 6 月的论坛说明,新版网页编辑器当时仍缺少私有导入、数据库客户端、小地图等旧版功能,官方称会陆续补齐——处于迁移期的用户需要留意新旧版本的差异。

开源工具链:Framework、Plot 与 D3

Observable 维护的开源项目可以独立于平台使用,均采用 ISC 许可证:

  • Observable Framework:面向数据应用、仪表盘和报告的静态站点生成器。页面用 Markdown 编写,图表与交互用响应式 JavaScript,数据预处理(data loader)可用 Python、R、SQL 等任意语言完成,构建产物是可部署到任意静态托管的站点,可接入 CI/CD 与 Git 工作流。2024 年 2 月随 "Observable 2.0" 发布,GitHub 仓库截至 2026-08-31 约 3.6k stars,仍在持续维护。
  • Observable Plot:探索性数据可视化 JavaScript 库,用简洁的声明式 API 实现分层图形语法,适合快速出图。GitHub 仓库截至 2026-08-31 约 5.4k stars。
  • Notebook Kit:Notebooks 2.0 的开源底座,把笔记本构建为静态站点的 CLI 与 Vite 插件,2025 年 6 月开源,迭代活跃。
  • D3.js:平台页脚将 D3 列为 Observable 维护的项目之一,D3 官方账号在平台上持续发布示例笔记本。

Observable Framework 文档首页:"The best dashboards are built with code",展示 npx 创建命令与多个数据应用示例

此外,Observable 还在开发面向 BI 场景的 Canvases——一个二维无限画布形态的数据分析产品,2025 年 8 月发布了夏季更新(新增桑基图、bump 图等高级图表)。但据官方 2026 年 2 月在论坛的答复,Canvases 目前处于 limited availability 状态,暂不接纳新用户。

版权与内容政策

Observable 是 UGC 平台,其服务条款(2025 年 4 月 15 日生效版)对内容权利有明确规定:

  • 作者保留自己内容的所有权;平台获得为提供服务所需的展示、托管许可。
  • 发布公开笔记本即默认授予其他用户查看、导入(import)和 fork 的权利——他人可以把你的公开内容加载或复制到自己的笔记本中。这与平台的"代码复用"文化一致,但意味着不适合把不愿被复用的代码或数据放在公开笔记本。
  • 作者可以为笔记本附加许可证(公开笔记本页头会显示,如 ISC、MIT),以明确平台之外的复用条款。
  • 条款明确禁止在笔记本中上传个人可识别信息(PII);私有笔记本内容按保密处理,员工仅在支持、维护、安全等限定情形下访问。
  • 版权投诉走 DMCA 流程,通过 support@observablehq.com 提交。

适用场景

  • 数据新闻与交互式报道:纽约时报系的可视化血统,适合制作可交互、可嵌入的图表故事;
  • 学习数据可视化与 D3/JavaScript:一百万量级的公开笔记本可以 fork 改写,官方模板与 D3 Gallery 是系统的学习材料;
  • 团队数据探索与原型:多人实时协作 + 版本历史 + 评论,适合分析师与工程师混合团队快速验证想法;
  • 生产级仪表盘与报告:用 Framework 在本地构建、纳入 Git 与 CI/CD、自托管,不依赖在线平台;
  • 技术写作与教学:把代码、公式、图表和文字编织成"可运行"的文档,也可以嵌入自己的网站。

局限

  • 以 JavaScript 为中心。笔记本的可视化与交互层是 JavaScript;Framework 的 data loader 虽支持 Python、R 等语言,但前端仍是 JS。Python 生态用户的学习与迁移成本不可忽视。
  • 协作与团队功能收费。多人实时编辑、定时运行、去除嵌入水印、访客与访问控制等都在 Pro 档(每位编辑者每月 22 美元,截至 2026-08-31),免费档基本是个人公开/私有笔记本。
  • 平台正处于换代期。Notebooks 2.0 刚上线网页版,新旧笔记本格式、编辑器与文档并存,部分旧版功能尚未迁移完成,跟进官方变化需要耐心。
  • Desktop 编辑器仅限 macOS(要求 macOS 15+ 与 Apple Silicon 芯片),Windows/Linux 用户只能用网页版或文本编辑器 + Notebook Kit。
  • 公开内容默认可被 fork 与导入。对代码复用是优点,对知识产权保护则需要在发布前想清楚,必要时使用私有笔记本(免费档也支持)或明确许可证。
  • 界面仅英文,无官方中文本地化。

同类参考

  • Jupyter:以 Python 等内核为中心的笔记本生态,代码在本地或服务器内核执行而非浏览器;适合科学计算,交互可视化与 Web 分享需要额外工具。
  • Quarto:基于 Pandoc 的开源技术出版系统,支持多语言代码块并输出静态文档,适合报告与书籍;交互性依赖 Observable JS(它原生支持嵌入 Observable 的 ojs 代码块)或 Shiny。
  • CodePen:前端代码片段社区,偏 UI 实验;不具备数据工作流、数据库连接与文档叙事能力。

参考资料