duckboard-webmcp.alexmnahas.workers.dev

render_html

Replace the full-screen canvas with an HTML data visualization. Favor a visual-first result: let the data dominate, keep explanatory text sparse, establish a clear visual hierarchy, use motion only when it communicates change or flow, adapt to the viewport, and preserve accessible names and reduced-motion behavior. The HTML is mounted inside a fresh opaque-origin iframe that cannot access the host page, storage, DuckDB, local files, or WebMCP tools. PRELOADED RUNTIME - Sigvelo design tokens are already loaded with the clean style and blue color preset. - @mcp-b/web-components and @mcp-b/viz-components are already registered. Do not import them again. - The sandbox already applies the Sigvelo UI font, text and canvas colors, border-box sizing, zero body margin, and full-viewport minimum sizing. Do not repeat those resets. - Prefer semantic custom elements and tokens over recreating controls, cards, metrics, tables, or chart chrome with custom CSS. SIGVELO CUSTOM ELEMENTS - Surfaces and layout: sigvelo-accordion, sigvelo-accordion-item, sigvelo-action-bar, sigvelo-card, sigvelo-carousel, sigvelo-carousel-item, sigvelo-divider, sigvelo-expander, sigvelo-form-section, sigvelo-scroll-area, sigvelo-scroller, sigvelo-splitter, sigvelo-tab, sigvelo-tab-list, sigvelo-tab-panel, sigvelo-toolbar, sigvelo-zoomable-frame. - Data display and visualization: sigvelo-avatar, sigvelo-badge, sigvelo-breadcrumb, sigvelo-breadcrumb-item, sigvelo-chart, sigvelo-chart-card, sigvelo-comparison, sigvelo-data-table, sigvelo-date, sigvelo-distribution, sigvelo-icon, sigvelo-meter, sigvelo-metric, sigvelo-metric-card, sigvelo-metric-grid, sigvelo-navicon, sigvelo-number, sigvelo-preview-card, sigvelo-progress, sigvelo-rating, sigvelo-sparkline, sigvelo-viz-legend. - Feedback and overlays: sigvelo-alert-dialog, sigvelo-callout, sigvelo-dialog, sigvelo-empty-result, sigvelo-empty-state, sigvelo-popover, sigvelo-spinner, sigvelo-toast, sigvelo-toast-item, sigvelo-tooltip. - Inputs and actions: s…

Input schema

{
  "type": "object",
  "properties": {
    "html": {
      "type": "string",
      "minLength": 1,
      "description": "A concise HTML visualization fragment or complete document."
    }
  },
  "required": [
    "html"
  ],
  "additionalProperties": false
}