safety.viz demo app · design for release 1.11.1 · 13 October 2026
Five, each with the recommended answer first. The mockups below show the recommended answers; the first mockup has a switch for each alternative that changes the page.
Round two, 13 October: you read the first round and said "mock-up looks good. Get rid of the data info box." The line on first open is now removed in every mockup, and the five answers stay as recommended until you approve them.
The sentences in the notes are drafts for you to correct. Buttons and links outside a note keep the app's purple: it is the colour of things to press, and only notes change.
Each is the released app's own page at 1,280 pixels wide, captured on 13 October 2026, with the proposed note and colours applied to the live page. Today swaps in the same page as released in 1.11.0, which still has the line on first open. Start R and Try again can be clicked in the mockup.
The same note, with no change to its place or its words. Two more charts that draw without R, and one that does not.
| Chart or tab | Without R | What R adds | Note |
|---|---|---|---|
| Group comparison | The tiles, and an open biomarker's chart, are drawn | A test under each visit of an open biomarker | Info |
| Association scatter | The scatter is drawn | The correlation test and its p-value | Info |
| Cross-tabulation | The table and the bars are drawn | The test of the table and its p-value | Info |
| Correlation matrix | An empty grid | Every coefficient in the grid | Warning |
| Biomarker screen | The list of biomarkers to screen, and no chart | Every estimate and p-value | Warning |
| RBQM tab: the overview and each metric's page | Nothing | Every metric | Warning |
One component, drawn here by the page itself in the proposed styles, so the text is live. It has two formats, and the same shape in both: a mark, one sentence with at most one button in it, and a cross only where closing it loses nothing.
This chart’s p-values need R. to add them: about 13 MB, downloaded once. The study’s data stays in this browser.
This chart cannot be drawn without R. to draw it: about 13 MB, downloaded once. The study’s data stays in this browser.
The site metrics cannot be worked out without R. to run them: about 55 MB, downloaded once. The study’s data stays in this browser.
R is starting. The p-values appear under the chart when it is ready.
R did not start, so this chart has no p-values. The reason is behind Why, at the top right.
What each note looks like in release 1.11.0, and what it becomes under the recommended rule: blue is information, amber is something that cannot run until the reader acts, red is something that failed.
| Note | Today | Proposed | Format |
|---|---|---|---|
| The line on first open | You are looking at the CDISC pilot study… | Removed | Gone |
| A chart that can start R and draws without it | Statistics need R. Start R, at the top right. | This chart’s p-values need R. Start R to add them… | Info |
| A chart or tab that cannot run without R | Site metrics need R. Start R, at the top right. | The site metrics cannot be worked out without R. Start R… | Warning |
| R did not start | R did not start, so no metric was run. Try again, at the top right. | R did not start, so no metric was run. Try again… | Warning |
| A sentence saying how a chart works, or that a file is being read | The participant profile opens beside a chart when… | The participant profile opens beside a chart when… | Info |
| A chart the loaded data cannot draw | This chart needs ECG data. Load it on the Data tab. | This chart needs ECG data. Load it on the Data tab. | Warning |
| An RBQM metric the loaded data cannot support | This metric needs the protocol deviations file… | This metric needs the protocol deviations file… | Warning |
| A note from loading a file, and a chart library that did not load | The bio.viz charts are not shown: the file did not load… | The bio.viz charts are not shown: the file did not load… | Warning |
| Something that failed to draw | Did not draw. The file has no rows. | Did not draw. The file has no rows. | Problem unchanged |
The example sentences in the last four rows are shortened stand-ins; the app's own words do not change there. The docs site, the chart gallery and the charts' own controls are not touched.
One requirement, a patch release cut from the current development branch, which holds nothing else since 1.11.0. Nothing R computes changes, and no file of R's changes.
| Task | What changes | Files |
|---|---|---|
| The note and the colours | One note component with two formats. The information sentences and the cannot-run boxes use it. Blue and amber named once in the styles. The line on first open is removed, with its tests. | src/app/styles.js · a new src/app/note.js · src/app/page.js · src/app/rbqm-view.js |
| The note on the five biomarker charts | The page draws the note at the top of the card of a chart whose library can start R, with the format the chart is listed under. The button calls the same press as the control. The sentence handed to the chart's own line says "in the note above". | src/app/page.js · src/app/r-on-request.js · src/app/r-words.js · scripts/app-libraries.mjs |
| The note on the RBQM tab | The tab's first line, on the overview and on each metric's page, becomes the note in each of its states. | src/app/rbqm-view.js · src/app/rbqm.js |
| Tests, evidence and the release | Unit and browser tests for each state on each kind of chart, at desktop and phone width; the demo-path test presses Start R in the note; evidence refreshed for every chart, since the styles are shared; notes and version 1.11.1. | tests/ · NEWS.md · package.json |
Captured from the released demo app, safety.viz 1.11.0, on 13 October 2026. The note's proposed styles are in note.css beside this page, and the script that made the captures is capture.cjs.
This report was drafted by Claude Code using Opus 5.5 and reviewed by @jwildfire