Design Lab

Prototype export layouts against the exact built-in sample export preview, with no login required. The textareas start with the literal extracted workbench CSS and JS so you can edit from the real source.

Loading exact export source...

Preview

The left side is generated from the exact extracted export-workbench source, using built-in sample data.

Preparing the exact sample preview...

Inputs

The default textareas contain the exact extracted export-workbench CSS and JS. Edit them directly, then preview the result on the left.

Style Exact workbench stylesheet, editable

Script Exact workbench script, editable

What you are editing

StyleThe extracted stylesheet from export-workbench.html.

ScriptThe extracted logic from export-workbench.js.

DataThe preview still uses the same bundled sample data and chart catalog as the workbench.

PreviewThe left pane rebuilds an isolated iframe from your current textarea contents every time you click Preview.