Report Studio.

Drag Foundation-styled blocks into a canvas, paste in charts and maps built elsewhere in this suite, and export a single self-contained, responsive HTML report — no login, no server, nothing uploaded.

Block types

HTML

Single-file export

Report

Report title (used as export filename)

Saved reports

Saved copies live only in this browser — they're not shared with anyone else, and clearing your browser data removes them.

Every exported HTML file carries its own editable copy inside it — pick one here to keep working on it, even on another computer or after clearing your browser data. This is the durable way to keep a report; "Save a copy" above is just a quick same-browser shortcut.

Add a block

Report

Drafts save automatically in this browser. Export produces one self-contained HTML file with fonts embedded, so it displays correctly wherever it's opened — no external dependencies at all. "Print / Save as PDF" uses your browser's own print dialog.

Canvas 0 blocks

Click or drag a block from the library to start your report.

How it works

Notes and conventions

Click to expand for block behaviour, chart imports and export caveats.

What this produces

A single self-contained, responsive HTML file — the block library, drag-and-drop canvas and everything you type live entirely in this page and your browser's local storage; nothing is uploaded anywhere. Export downloads one HTML file with the Foundation house style inlined, ready to host, email or drop into a CMS.

Editing

Click directly into any text to edit it in place — the canvas is always the live, styled output, there's no separate preview mode. Hover a block to reveal its toolbar: drag the grip to reorder, toggle between half and full width, duplicate, or delete. Drag a block straight from the library into any position in the canvas, or just click a library card to add it to the end.

Chart, map and flow blocks

Paste the JSON exported from Chart Studio, Map Studio or Flow Studio's funnel mode into a chart block, and it re-renders through the shared gsec-render.js module — same palette, same values, same hover tooltips. A chart block is a fixed snapshot of the JSON at the moment you paste it in, not a live link back to its source; if the original chart changes, re-export its JSON and paste again. For tools without a JSON export yet, for a map (the JSON schema carries values and tooltips but not the underlying boundary geometry needed to redraw an actual choropleth), or for a PRISMA flow diagram (a box-and-arrow layout, not a value series — JSON reconstruction would misrepresent it as a bar list), paste the raw SVG instead as a static fallback — visually identical, but without live re-rendering.

As a guide, this kind of quick-look report suits up to about 20 chart blocks; past that you're likely better served by the Foundation's docx/pptx tooling than by this suite.

Layout

Blocks stack full-width by default; toggle a block to half-width to sit two up on a row (the hero, chart and story-card blocks are typical candidates). Everything collapses to a single column below about 900px, matching the responsive breakpoint used across this suite.

Caveats

This is a layout tool, not a CMS — there's no version history beyond your browser's local storage, and no collaboration. Replace all sample text and figures before publishing, and check any pasted chart JSON against its source.

✓Copied