CanvasXpress in JavaScript – CanvasXpress Recipes

Every post here is runnable, browser-native JavaScript. There is no dedicated JavaScript blog aggregator, so individual posts are shared to sites like Echo JS and JavaScript Weekly; this page also has its own feed (js.xml).

Interactive network graphs in JavaScript with CanvasXpress

JavaScript

CanvasXpress

network

visualization

Build a draggable, force-directed network in the browser from nodes and edges — interactive and reproducible from one portable spec.

Genome browser tracks in JavaScript with CanvasXpress

JavaScript

CanvasXpress

genome

bioinformatics

visualization

Stack coverage and gene-model tracks over genomic coordinates in the browser — an interactive, zoomable view from one portable spec.

An interactive NGS sequencing-QC dashboard in JavaScript with CanvasXpress

JavaScript

CanvasXpress

dashboard

bioinformatics

visualization

Triage a 96-sample sequencing run in the browser: an overview QC heatmap plus linked, cross-filtering panels that flag failing samples and batch effects — from portable specs, no framework.

Oncoprints (mutation landscapes) in JavaScript with CanvasXpress

JavaScript

CanvasXpress

oncoprint

bioinformatics

visualization

Draw a publication-style oncoprint — genes by tumours, with CNA and mutation overlays and per-gene frequencies — in the browser, from one portable spec.

Circular (Circos-style) multi-track plots in JavaScript with CanvasXpress

JavaScript

CanvasXpress

circos

bioinformatics

visualization

Draw a circular genome plot in the browser — stacked data tracks around a ring with connection ribbons — from one portable spec.

Choropleth maps in JavaScript with CanvasXpress

JavaScript

CanvasXpress

maps

choropleth

visualization

Build a rich, honest, interactive choropleth in the browser with CanvasXpress — quantile classes and a viridis ramp that survive heavy-tailed data, plus the area-bias trap and sequential vs diverging palettes.

Sankey / alluvial diagrams in JavaScript with CanvasXpress

JavaScript

CanvasXpress

sankey

visualization

Show how quantities flow through a sequence of stages — cohort to treatment to outcome — as an interactive Sankey diagram in the browser, from one portable spec.

Violin and half (split) violin plots in JavaScript with CanvasXpress

JavaScript

CanvasXpress

violin

visualization

Show a full distribution per group as a violin, then split it in half to compare two conditions side by side — interactive and reproducible, in the browser.

Interactive volcano plots in JavaScript with CanvasXpress

JavaScript

CanvasXpress

bioinformatics

visualization

Build a publication-ready, interactive volcano plot in the browser with a few lines of JavaScript — one portable, reproducible CanvasXpress spec.

Kaplan–Meier survival curves in JavaScript with CanvasXpress

JavaScript

CanvasXpress

survival

bioinformatics

visualization

Turn a survival table into an interactive, reproducible Kaplan–Meier plot stratified by treatment arm — with censoring ticks — in a few lines of browser JavaScript.

Clustered heatmaps in JavaScript with CanvasXpress

JavaScript

CanvasXpress

heatmap

bioinformatics

visualization

Build an interactive, clustered gene-expression heatmap with dendrograms and sample annotations from a matrix — a few lines of browser JavaScript, one portable spec.