artifact overview

feno-canvas native dashboard example

Single-file dashboard output with native controls, inline SVG visualization, print-first fallback, local filtering, and guarded handoff actions.

profileDashboard

runtimeNative

networkNone

printReady

Metric Cards

coverage92%+8 pts

riskLowstable

print path100%required

vendor0deferred

Decision Matrix

Option

Polish

Risk

Native kit

High

Strong

Low

Vendor lane

High

Mixed

Medium

External app

High

Weak

High

Recommended

Native-first now

Use semantic layout, inline SVG, native dialog, safe DOM updates, and WAAPI motion to deliver the visible quality without third-party runtime weight.

Inline SVG Charts

Grouped Bar

Core ptsUI ptsOps pts

Line and Area

Readiness %7 day span

Donut and Gauge

Completion %Gate state

Bullet and Heatmap

Actual / targetHeat 1-6

Walkthrough and Risk Ledger

Step 1

Frame the change

Show why the artifact exists, what it changes, and what gate it must pass.

Step 2

Compare options

Use matrix and chart blocks for fast scanning before details.

Step 3

Verify output

Print path, local controls, and validation status stay visible.

LowExternal requests removed by constructionkeep

WatchDashboard controls must stay local DOM onlytest

LowPrint uses static SVG and table fallbacksready

Native Controls


done	Template shell	canvas
doing	Native controls	runtime
pending	Publish review	manager
done	Print fallback	canvas

Disclosure panel

This section stays native and printable. In print mode, panels are expanded into document flow.

Dashboard Mode

DoneTemplate validates locallyOK

DoingDashboard mode reviewCheck

Print Fallback

Interactive controls are hidden, all panels are available in document order, charts remain static SVG, and tables preserve the underlying data.