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

๐ŸŽฏ

Cross-Filter โ†’

Click to filter. Two datasets (24 orders, 12 reps) linked on Region with markingMode:"filter": select bars in one panel and the others narrow to the matching rows โ€” the signature BI cross-filter gesture, no code. A Reset cross-filter control clears it.

cross-filterrelationshipsmarkingno-code
๐Ÿงฌ

Cross-Filter โ€” Clinical ร— Expression โ†’

The same markingMode:"filter" gesture on scientific data: 16 patients linked to their expression samples by patient id. Select responders in the tumor-response scatter and the heatmap and PD-L1 boxplot filter to just those patients' samples โ€” and the reverse.

cross-filtergenomicsheatmapclinical
๐Ÿ”†

Linked Selection โ€” Highlight โ†’

The same linked data as the cross-filter demo, with markingMode:"highlight": clicking a bar outlines the related rep rows while the rest stay visible โ€” compare it to Filter and Ghost.

markinghighlightrelationships
๐Ÿ‘ป

Linked Selection โ€” Ghost โ†’

The same linked data with markingMode:"ghost": clicking a bar fades back the unrelated rep rows so the selection stands out โ€” the fourth linked-selection mode alongside Focus, Highlight and Filter.

markingghostrelationships
๐Ÿ“ก

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
๐Ÿงฎ

Sales Model โ†’

The data model without JSON: calculated fields computed once on a source (the Filters panel lists them), a product summary shaped by a group-by run in the browser, orders and customers linked by customer, and a join for revenue by segment.

calculated-fieldspushdownrelationshipsjoin
๐Ÿงฌ

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