Examples you can run
Real TypePlot charts, their source, and the boundaries of the current implementation.
Lines, scatter, bars and histograms
The charts below run the built TypePlot data API in your browser. Values are deterministic examples, not experimental measurements. Use the Playground to adjust parameters, pan, zoom and save a PNG.
More than one subplot
Each axes has independent bounds and interaction. The array is row-major: in a 2 × 2 layout, index 0 is top left and index 3 is bottom right.
const { fig, axes } = subplots(2, 2, { width: 1000, height: 720 });
axes[0].plot([3, 1, 4]);
axes[1].scatter([1, 2, 3], [2, 5, 4]);
axes[2].bar([1, 2, 3], [4, 7, 2]);
axes[3].histogram([1, 2, 2, 3, 3, 3], { bins: 3 });Run the repository examples
The Vite example uses real ?plot shader imports alongside data charts. The standalone example uses generated scalar and helix programs. Explicit WebGL2 selection is available with ?backend=webgl2.
git clone https://github.com/typeshade/typeplot.git
cd typeplot
git checkout 7444877e0037ca2e24e95519f9113922870435e0
npm ci
npm run build
npm run devCurrent scope
Both data figures and function plots use TypeShade-generated WebGPU or WebGL2 shaders. This site makes no hardware performance claim and does not present browser output as a GPU benchmark. The current renderer does not implement implicit surfaces, meshes, date/category axes, or full matplotlib compatibility.