1# Concept Collection
3This is a collection of random small projects and demos, most of which can be run entirely in the web browser (client side). Many of them are centered around the [numbl project](https://numbl.org).
5## MATLAB syntax in Jupyter, all in the browser
7Here's a proof of concept for running MATLAB syntax in Jupyter entirely client side (no kernel, no server). It uses numbl and JupyterLite.
9- **[jupyterlite-numbl-kernel](https://github.com/concept-collection/jupyterlite-numbl-kernel)** · [live](https://concept-collection.github.io/jupyterlite-numbl-kernel/)
11## Interactive MCMC samplers
13Here are a couple of demonstrations of MCMC samplers that you can watch run. They use numbl (MATLAB syntax in the browser) to do the sampling client-side in the browser. In the case of WALNUTS (the within-orbit adaptive leapfrog No-U-Turn Sampler), we use the exact MATLAB code that is a companion to the paper.
15- **[hitandrun-interactive](https://github.com/concept-collection/hitandrun-interactive)** · [live](https://concept-collection.github.io/hitandrun-interactive/#figure/sampler)
16- **[walnuts-interactive](https://github.com/concept-collection/walnuts-interactive)** · [live](https://concept-collection.github.io/walnuts-interactive/#figure/sampler)
18## Embedding & hosting numbl projects
20Here are a couple of projects that let you embed or host your own numbl/MATLAB projects entirely client side.
22- **[numbl-embed-example](https://github.com/concept-collection/numbl-embed-example)** · [live](https://concept-collection.github.io/numbl-embed-example/)
23- **[numbl-project-example](https://github.com/concept-collection/numbl-project-example)** · [live](https://concept-collection.github.io/numbl-project-example/)
25## VS Code–style IDEs
27Here are a couple of VS Code–style IDEs that run entirely in the browser: one for MATLAB syntax (via numbl), one for Stan.
29- **[numbl-web-ide](https://github.com/concept-collection/numbl-web-ide)** · [live](https://concept-collection.github.io/numbl-web-ide/)
30- **[stan-web-ide](https://github.com/concept-collection/stan-web-ide)** · [live](https://concept-collection.github.io/stan-web-ide/)
32## surfacefun examples
34[Surfacefun](https://surfacefun.readthedocs.io/en/latest/) is a MATLAB package for computing with functions defined on surfaces and solving PDEs on them to high order. Here are some examples that run surfacefun via numbl in the browser.
36- **[numbl-surfacefun-intro](https://github.com/concept-collection/numbl-surfacefun-intro)** · [live](https://concept-collection.github.io/numbl-surfacefun-intro/)
37- **[surfacefun-interactive](https://github.com/concept-collection/surfacefun-interactive)** · [live](https://concept-collection.github.io/surfacefun-interactive/)
38- **[mesh-pde-solver](https://github.com/concept-collection/mesh-pde-solver)** · [live](https://concept-collection.github.io/mesh-pde-solver/)
40## chunkie examples
42[Chunkie](https://chunkie.readthedocs.io/en/latest/) is a MATLAB package for solving boundary integral equations in two dimensions. Here are some examples that run chunkie via numbl in the browser.
44- **[numbl-chunkie](https://github.com/concept-collection/numbl-chunkie)** · [live](https://concept-collection.github.io/numbl-chunkie/)
46## MRI pulse sequences
48[Pulseq](https://pulseq.github.io/) is an open framework for defining MRI pulse sequences. Here you can write pulseq sequences in MATLAB syntax and run them in the browser via numbl to generate a `.seq` file, or upload and interactively explore an existing one.
50- **[seqlab](https://github.com/concept-collection/seqlab)** · [live](https://concept-collection.github.io/seqlab/)
52## Matrix multiplication benchmark
54Here's a benchmark of matrix-matrix multiply (GEMM) in the browser across several implementations: a plain JavaScript loop, WebGPU, hand-written C compiled to WASM (SIMD and threads), and a real BLAS (libFLAME) compiled to WASM, with a native reference for comparison.
56- **[matmul-bench](https://github.com/concept-collection/matmul-bench)** · [live](https://concept-collection.github.io/matmul-bench/)
58## Lazy reading of remote HDF5 files
60Here's a demo of reading large remote HDF5 files, such as [NWB](https://www.nwb.org/) neurophysiology files, directly in the browser using HTTP range requests, with no full download and no backend. It shows the approach that [neurosift](https://neurosift.app/) uses to browse these files.
62- **[remote-hdf5-lazy-read](https://github.com/concept-collection/remote-hdf5-lazy-read)** · [live](https://concept-collection.github.io/remote-hdf5-lazy-read/)
64## Scientific data compression
66Here are a few projects on compressing scientific data: a step-by-step visualizer for the [Asymmetric Numeral Systems (ANS)](https://ieeexplore.ieee.org/abstract/document/7170048) entropy-coding algorithm, a framework for benchmarking compression algorithms on scientific data arrays, and compression benchmarks for electrophysiology recordings.
68- **[ans-visualizer](https://github.com/concept-collection/ans-visualizer)** · [live](https://concept-collection.github.io/ans-visualizer/)
69- **[benchcompress](https://github.com/concept-collection/benchcompress)** · [results](https://concept-collection.github.io/benchcompress/) · [paper (WIP)](https://concept-collection.github.io/benchcompress/paper)
70- **[ephys_compression_tests](https://github.com/concept-collection/ephys_compression_tests)** · [results](https://concept-collection.github.io/ephys_compression_tests/)
72## Other projects
74### numbl platform: templates & tooling
76Utilities and starting points for building your own
77[numbl](https://numbl.org) projects.
79- **[numbl-figure-viewer](https://github.com/concept-collection/numbl-figure-viewer)**
80 ([live](https://concept-collection.github.io/numbl-figure-viewer/)).
81 Open and explore a figure exported from numbl, including its underlying data.
83### Peer-to-peer shared state
85- **[commonroom](https://github.com/concept-collection/commonroom)**
86 ([live](https://concept-collection.github.io/commonroom/)).
87 Serverless group video calls: pick a room name, share the link, and everyone
88 in the room is connected over a full WebRTC mesh (up to 8 people), with
89 room-wide shared settings.
90- **[commonroom-recorder](https://github.com/concept-collection/commonroom-recorder)**
91 ([run with npx](https://concept-collection.github.io/commonroom-recorder/)).
92 Command-line bot that joins a commonroom call as a visible muted participant
93 and records each participant's audio (plus the chat) to files for
94 transcription.
95- **[commoncall](https://github.com/concept-collection/commoncall)**
96 ([live](https://concept-collection.github.io/commoncall/)).
97 Serverless video calls: enter an ID, see who else is on the page, and call
98 them — call setup rides over nostr relays, media flows peer-to-peer via WebRTC.
99- **[hitandrun-commonview](https://github.com/concept-collection/hitandrun-commonview)**
100 ([live](https://concept-collection.github.io/hitandrun-commonview/)).
101 The hit-and-run figure with a single live view shared by all visitors over a
102 WebRTC mesh; one peer runs the sampler via numbl and broadcasts to the rest.
103- **[commonview](https://github.com/concept-collection/commonview)**
104 ([live](https://concept-collection.github.io/commonview/)).
105 A minimal peer-to-peer page where every visitor shares one state (a counter):
106 nostr discovery, a WebRTC mesh, and a central-peer authority. The basis for
107 hitandrun-commonview.
109### Geometry, meshing & PDE solvers
111- **[mesh-studio](https://github.com/concept-collection/mesh-studio)**
112 ([live](https://concept-collection.github.io/mesh-studio/)).
113 Build CAD primitives or import STEP/IGES with
114 [OpenCASCADE.js](https://ocjs.org/), then inspect them in 3D — including each
115 face's true NURBS surface (polynomials on faces), not just its triangulation.
116- **[mesh-converter](https://github.com/concept-collection/mesh-converter)**
117 ([live](https://concept-collection.github.io/mesh-converter/)).
118 Convert meshes between 19 formats (PLY, OBJ, STL, VTK, Gmsh, XDMF, …) with
119 [meshio](https://github.com/nschloe/meshio) running in-browser on Pyodide;
120 inspect meshes in 3D and see what a lossy export would drop.
121- **[qhull-wasm-demo](https://github.com/concept-collection/qhull-wasm-demo)**
122 ([live](https://concept-collection.github.io/qhull-wasm-demo/)).
123 Demos and benchmarks for [qhull-wasm](https://github.com/magland/qhull-wasm),
124 which compiles [Qhull](http://www.qhull.org) to WebAssembly. Includes 2-D
125 Delaunay triangulation, 3-D convex hull, and a Delaunay benchmark with
126 matching scripts for MATLAB, Octave, and numbl.
127- **[numbl-distmesh](https://github.com/concept-collection/numbl-distmesh)**
128 ([live](https://concept-collection.github.io/numbl-distmesh/)).
129 Every example from Persson and Strang's
130 [DistMesh](https://github.com/popersson/DistMesh), meshing 2-D regions and
131 surfaces from signed distance functions.
132- **[abc-step-1000](https://github.com/concept-collection/abc-step-1000)**
133 ([live](https://concept-collection.github.io/abc-step-1000/)).
134 The first 1000 STEP files from the
135 [ABC dataset](https://deep-geometry.github.io/abc-dataset/) of CAD models
136 (Koch et al., CVPR 2019), served gzip-compressed with a JSON manifest for
137 direct download.
139### Neurophysiology data & remote access
141- **[dandiset_000986](https://github.com/concept-collection/dandiset_000986)**
142 ([visualizations](https://concept-collection.github.io/dandiset_000986/)).
143 Reproducible figures and visualizations for
144 [DANDI Dandiset 000986](https://dandiarchive.org/dandiset/000986), a set of
145 mouse auditory cortex recordings.
147### Physics & quantum systems
149- **[mri-spins](https://github.com/concept-collection/mri-spins)**
150 ([live](https://concept-collection.github.io/mri-spins/)).
151 Interactive MRI physics: a 3D sample of spins evolving under the Bloch
152 equations, with RF pulses, gradients, relaxation, a live signal trace, and a
153 spoiled gradient echo sequence with scanner-like gradient sounds.
154- **[numbl-quantum-optics](https://github.com/concept-collection/numbl-quantum-optics)**
155 ([live](https://concept-collection.github.io/numbl-quantum-optics/)).
156 Runnable scripts accompanying the article "Quantum optics in MATLAB"
157 ([arXiv:2309.14354](https://arxiv.org/abs/2309.14354)), covering quantum
158 states, operators, and dynamics.
159- **[numbl-open-quantum-systems](https://github.com/concept-collection/numbl-open-quantum-systems)**
160 ([live](https://concept-collection.github.io/numbl-open-quantum-systems/)).
161 Code from "Coding closed and open quantum systems in MATLAB"
162 ([arXiv:1911.04906](https://arxiv.org/abs/1911.04906)), including Ising
163 dynamics, cavity-QED phase transitions, and Lindblad and non-Markovian
164 evolution.
166### Image processing
168- **[numbl-image-filter](https://github.com/concept-collection/numbl-image-filter)**
169 ([live](https://concept-collection.github.io/numbl-image-filter/)).
170 Upload an image, write a MATLAB-syntax filter, and run it on the image in the
171 browser.
173### Number theory & visual math
175- **[finite-field-visualizer](https://github.com/concept-collection/finite-field-visualizer)**
176 ([live](https://concept-collection.github.io/finite-field-visualizer/)).
177 Color-coded multiplication tables over finite (prime) fields. Step through the
178 primes to watch the structure change.
179- **[gcd-visualizer](https://github.com/concept-collection/gcd-visualizer)**
180 ([live](https://concept-collection.github.io/gcd-visualizer/)).
181 A heatmap of the greatest common divisor of every pair (i, j), laid out as a
182 color-coded table.
183- **[random-points-in-disk](https://github.com/concept-collection/random-points-in-disk)**
184 ([live](https://concept-collection.github.io/random-points-in-disk/)).
185 How many random points does it take before a disk looks like a disk? Voxel-density
186 heatmaps of uniform random sampling, next to the 1/√μ noise prediction.