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 月完成 1,050 萬美元 A 輪（Sequoia 與 Acrew 領投），2022 年 1 月完成 3,560 萬美元 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 次數與收藏數。讀者無需註冊即可瀏覽公開筆記本，也能動手試改其中的程式。

值得注意的是，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 實驗；不具備資料工作流程、資料庫連接與文件敘事能力。

參考資料