visualizations

TuxVizEmbed

Branded chrome around a third-party visualization iframe. Wraps Tableau · Power BI · Apache Superset · Grafana · any URL. Provider chip + open-in-new + sandbox + loading/error states are built in.

Demos use poster-src (a static screenshot) instead of a live iframe — most institutional BI tenants block third- party embedding without auth. In production, drop the poster-src prop and provide your tenant URL.

tableau

Crash-rate dashboard

tableau public

Crash report rates · 2024 · TTI corridor study

Tableau Open
Crash report rates · 2024 · TTI corridor study
Static poster used in the style guide. In production, replace poster-src with your tenant URL plus ?:embed=y&:display_count=n. 
<tux-viz-embed
  provider="tableau"
  src="https://public.tableau.com/views/your-viz/Sheet1?:embed=y"
  poster-src="/viz-poster-tableau.svg"
  title="Crash report rates · 2024 · TTI corridor study"
  eyebrow="tableau public"
  ratio="16/10"
/>

power bi

Executive overview

power bi · embed

Sponsored research · FY26 spend overview

Power BI Open
Sponsored research · FY26 spend overview
For Power BI Embedded with row-level security, use the JS embedding SDK and pass the access token rather than an iframe URL — TuxVizEmbed is the iframe-only path. 
<tux-viz-embed
  provider="powerbi"
  src="https://app.powerbi.com/view?r=eyJrIjoiYWJjMTIz..."
  poster-src="/viz-poster-powerbi.svg"
  title="Sponsored research · FY26 spend overview"
  eyebrow="power bi · embed"
  ratio="16/10"
/>

grafana

Landscape ingestion dashboard

grafana

Landscape ingestion · last 24h

Grafana Open
Landscape ingestion · last 24h
Grafana's kiosk=tv URL parameter strips the sidebar and top nav so the dashboard fills the iframe. 
<tux-viz-embed
  provider="grafana"
  src="https://grafana.example.org/d/abc/dashboard?kiosk=tv"
  poster-src="/viz-poster-grafana.svg"
  title="Landscape ingestion · last 24h"
  eyebrow="grafana"
  ratio="16/9"
/>

notes

Provider posture defaults

  • All providers default to strict-origin-when-cross-origin referrer policy.
  • Tableau · Power BI · Superset get allow-scripts allow-same-origin allow-popups allow-forms.
  • Grafana drops allow-forms: kiosk dashboards don't need it.
  • Override the sandbox via the sandbox prop if your tenant requires different posture.
  • Set poster-src to render a static image instead of the iframe — useful for style-guide demos and air-gapped previews.