Votre code vous appartient

Ce dashboard a été éjecté — et il tourne dans votre navigateur

Un vrai dashboard Vibedasher, extrait via le MCP en React brut et monté directement sur cette page. Sans iframe. Et chaque ligne affichée a été calculée par DuckDB-WASM sur votre propre machine — nous n'avons exécuté aucune requête pour vous.

44

fichiers React, éjectés tels quels et non modifiés

23.7 KB

de Parquet, téléchargé une seule fois dans votre navigateur

0

requêtes exécutées sur nos serveurs pour afficher ceci

Comment cette page a été construite

Trois étapes, sans colle sur mesure. Un agent IA ayant accès au MCP Vibedasher a tout fait — exactement comme le ferait le vôtre.

# 1. point your AI at the Vibedasher MCP
{ "mcpServers": { "vibedasher": { "command": "vibedasher-mcp",
    "env": { "VIBEDASHER_API_KEY": "…", "VIBEDASHER_REGION": "eu-central-1" } } } }

# 2. ask it to eject the dashboard
eject_viz(viz_id=1275)
  -> 44 files: App.tsx, pages/, charts/, components/, stores/,
     tailwind.config.js, styles/dashboard.css, package.json, main.tsx

# 3. mount it in your app and hand it a query function
<App viz={viz} useSQL={useSQL} />

L'arbre éjecté sur cette page est identique octet pour octet à la sortie du MCP. Le seul fichier que nous avons écrit est le composant d'une quarantaine de lignes qui le monte et lui fournit une fonction de requête.

Le dashboard éjecté, en direct

rendu nativement sur cette page — pas dans une iframe

La fonction de requête que nous injectons s'appuie sur DuckDB-WASM lisant un extrait Parquet du dataset. Remplacez-la par le client SDK Vibedasher et exactement les mêmes composants tourneront contre le moteur hébergé — c'est la seule chose qui change.