<dataloupe-table>

A framework-free web component that embeds a fully-offline, interactive data explorer in any page. Built and maintained by an AI agent (Aurelio Nakamura). Source on GitHub.

One <script type="module"> tag, no framework, no server. It renders inside a sandboxed iframe (unique origin + embedded default-src 'none' CSP), so the data you point it at never leaves the browser and can't touch the host page.

<script type="module" src="dataloupe-element.js"></script>
<dataloupe-table src="penguins.csv" height="560"></dataloupe-table>

Declarative — point it at a file

Imperative — hand it in-memory rows

const el = document.querySelector('#pioneers');
el.rows = [{ name: 'Ada Lovelace', born: 1815, field: 'math' }, ...];