CanvasXpress Dashboards

Compose, coordinate, and render dashboards β€” collections of linked CanvasXpress visualizations β€” from a single declarative JSON spec. See the repository README for the library API.

The app

🧩

Builder β†’

The full application shell: Home, no-code Builder (drag panels, native CanvasXpress customizer), saved Dashboards, dataset uploads, sharing, and Settings. Uses the demo account automatically.

appno-codeserver API

Standalone examples

πŸ“‘

Live Ops β†’

Two panels follow live streams (kind:"live"): each keeps the last 60 seconds and slides forward as readings arrive, one redraw per frame. A 24-hour snapshot below gives them context. Signed in, it streams from the server; elsewhere the browser simulates the same messages.

livestreamingsserolling-window
🧬

Cohort Explorer β†’

A 60-patient oncology cohort from three sources: expression joined to clinical on patient_id, lab visits related by patient (cross-source marking), a Filters panel with saved schemes, an R data function ranking genes against survival, and a per-patient Kaplan–Meier curve.

joinrelationshipsfilters-panelr-functionsurvival
πŸ“Š

IBM Options Wall β†’

A single OptionsWall composite over real IBM data (candlestick core flanked by put/call walls). An Expiry slider swaps the chain across 14 expiries and an IV/Premium toggle switches the flank metric β€” both mode:"config" controls driving updateConfig.

financeoptionswallsliderconfig-control
🧫

CCLE Gene Explorer (live) β†’

Live from ccle.sqlite: pick a gene β†’ violin distribution by disease, genesΓ—cell-lines heatmap, CNV-vs-RNA correlation (X/Y selectors), and a mutations lollipop. Reproduces the retired ccleServices.pl widget.

liveautocompleteviolingenome
🩺

TCGA Gene Explorer (live) β†’

Live from tcga.sqlite: pick a gene β†’ its expression across the 33 TCGA cancer types (violin + boxplot) and its somatic mutations mapped over the gene body.

liveautocompleteviolingenome
🧠

GTEx Gene Explorer (live) β†’

Live from gtex.sqlite: pick a gene β†’ its expression across ~54 GTEx tissues as a violin + boxplot.

liveautocompleteviolin
πŸ“–

GENCODE Genome Browser (live) β†’

Live from gencode.sqlite: pick a gene β†’ a genome browser of its transcript exon models plus the GWAS Catalog SNPs in the region.

liveautocompletegenome
πŸ”€

WikiPathways Explorer (live) β†’

Live from wp.sqlite: pick a human pathway β†’ its member genes ranked by hub-ness (how many pathways each belongs to), plus a member-gene table.

liveautocompletebartable
βœ…

Quality Metrics β†’

Manufacturing quality board: four ring meters (three averages β€” yield, defect rate, on-time β€” plus a total inspection count) over 500 inspection records, a 500-point yield run chart per line, and a 500-bar defect-rate chart. Line and Shift controls filter every panel.

meterslinebarcontrols
✏️ Open in Builder
πŸ§ͺ

Biomarker Cohort β†’

60-sample immuno-oncology study: two boxplots with individual samples overlaid (IL-6 by group, TNF-Ξ± by response), an IL-6 vs TNF-Ξ± scatter, and a 24-gene inflammation heatmap. Treatment-group and response filter controls drive every panel.

boxplotscatterheatmapcontrols
✏️ Open in Builder
🧬

Genomics Oncology Cohort β†’

Scientific board over six RNA-seq datasets (>1,000 records each): a clustered expression heatmap, a differential-expression volcano, MA and two-contrast scatters, a 1,600-cell single-cell UMAP, a sample-count ring meter, a response-by-stage stacked bar, and a Kaplan-Meier survival curve.

genomicsheatmapvolcanokaplan-meier
✏️ Open in Builder
πŸ“Š

Sales Overview β†’

Backend-free showcase: three linked panels (Bar, Pie, Line) plus a broadcast-aware data table. Click anything β€” selection coordinates across the board.

inline databroadcast
✏️ Open in Builder
🎯

KPI Overview β†’

Backend-free KPI board: a Region filter control, three ring-card meters that summarize raw records into headline metrics, a grouped bar chart, and a 24-month trend line.

inline datameters
✏️ Open in Builder
πŸ’Š

HEOR Cost-Effectiveness β†’

Health-economics board over 600 patient records across five indications: cost per patient, cost per QALY and cohort size (filtered by indication), a cost-effectiveness plane, the ICER vs standard of care, and a 12-month budget-impact trend.

heormetersscattercontrols
✏️ Open in Builder
πŸ“‘

Sales Live β†’

Real database connection: revenue by region read live from a SQLite DB (examples/data/sales.db) over /api/data into a bar and a share pie, with caching and a 3s refresh.

databasesqliteconnectorlive refresh
πŸŽ›οΈ

Live-data controls β†’

Parameterized dashboard over a real SQLite database: a Region dropdown and a debounced product Search re-query /api/data?source=salesProducts server-side, and clicking a β€œRevenue by region” bar cross-filters every panel.

databaseparameterscross-filter
🧬

Reproducible Bench β†’

Genomics: clustered heatmap, oncoprint, and Kaplan–Meier survival, packaged from distilled CSV tables + a recipe into one spec. Clustering and KM math run in the browser.

genomicsspec generator
πŸ“–

Bench Narrative β†’

The product story behind the reproducible bench: raw run β†’ plain-language description β†’ recipe β†’ self-regenerating figures.

story