Data Notebook

Add SQL-powered analytics to any website. Automatically intercepts CSV data and lets you query it with DuckDB - right in your browser.

Install Bookmarklet

Drag this button to your bookmarks bar to use Data Notebook on any website:

Data Notebook

How to install:

Show your bookmarks bar: Cmd+Shift+B (Mac) or Ctrl+Shift+B (Windows/Linux)
Drag the purple "Data Notebook" button above to your bookmarks bar
Visit any website with CSV data and click the bookmark to activate
The Data Notebook panel will appear - use the REPL or SQL tabs to query data

Features

🔍

Automatic CSV Interception

Captures CSV data from fetch requests, XHR, downloads, and blob URLs automatically.

🦆

DuckDB-Powered SQL

Full SQL support with DuckDB WASM. Aggregate, filter, join, and analyze data instantly.

🤖

AI Agent Ready

Exposes window.queryService API for AI agents like Claude to query your data.

🎨

Non-Intrusive UI

Shadow DOM isolation ensures the panel won't break your page's styles.

Try It Here

Test the library directly on this page:

Script Tag Installation

Add Data Notebook to your own website:

<!-- Add to your HTML -->
<script src="https://data-notebook-lib.pages.dev/data-notebook.umd.js"></script>
<script>
  // Get the singleton instance
  var dn = DataNotebook.DataNotebook;

  // Initialize and show the panel
  dn.init().then(function() {
    dn.show();
  });
</script>
        