feat(webgl): add contour and density plots by peymanvahidi · Pull Request #478 · tsenoner/protspace

peymanvahidi · 2026-09-10T12:50:16Z

Now we have a new drop down (next to search field) which you can switch between density plot and contour plot.

some notes:

we can change the drop down and move it do settings. I just put it here for ease of use, I have no preferences regarding this.
we have off/auto/on options for each. I was thinking that we can only keep the auto and off. for auto mode when you zoom in after a threshold you'll see the scatterplot without density/contours, which is nice (I guess).
also take a closer look to contour lines, their colors are mixing with each other. a feature that I like.
some knobs, like opacity of contour backgrounds, thickness of the lines, etc can be set. I chose these for now.
Not sure if density plot is sth that we would like to keep. the logic behind is that the colors of the data points which are overlapping are being mixed.

…eck out of the frame

…nfig.densityLayer

…p their colour

… scenario

…before binding the FBO

…categories

…EFAULT One exported default in utils replaces seven spellings of 'off'.

… iso-lines) One composite shader, u_style picks the branch; bands are one octave of density each.

…lues Five options over one select; the URL carries contour-auto and contour-on.

…omment Line alpha follows the denser band; e2e counts differing pixels instead of frame bytes.

…upport floor, no fill Own wider blur and engage threshold; heatmap untouched.

Ceiling half a level past the last crossing; the test now pins the alpha chain.

The 0.35 darkening read as black on white and lost the category hue.

…oat per ring The fringe band is one coat pale and the core five coats deep, so nested contours read like overlapping layers. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

Five coats now cover two thirds of the core; the stale no-fill block comment is fixed. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

… in the core Two knobs, DENSITY_CONTOUR_FILL_OUTER and _CORE, replace the per-coat opacity. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

…can be re-imported Re-selecting the same dataset fired no change event, leaving the app on the demo.

…or disables its button The name and demo flag now come from handleDataLoaded on success; the failure shows a toast. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

…o the route Under /explore/ the relative URL hit the SPA fallback and the demo never loaded. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

…better visibility

peymanvahidi · 2026-09-10T19:35:31Z

I made the lines thicker and I also suggest to:

make the default shape size to 5
preserve the shape size when switching annotations. I think it's more convenient

in this pic the lines are thicker and the shape size is 5

peymanvahidi · 2026-09-10T19:37:01Z

maybe we can add a feature that when we zoom, the dots gets a bit larger

peymanvahidi and others added 27 commits September 7, 2026 17:44

perf: record post-v3 573K baseline (v2 and v3 bundles, chrome)

e943bde

perf: add gpuSyncedMs, dragContinuous and zoomFarOut scenarios

0b268e3

perf: assert uploadedBytes === 0 on camera scenarios

85ec13d

perf(webgl): hoist gamma quad attrib lookup and framebuffer status ch…

bdc075a

…eck out of the frame

perf: tighten harness tests and correct baseline README after review

d734cbe

feat(webgl): density pipeline (accumulate, blur, composite) behind co…

706ec7a

…nfig.densityLayer

fix(webgl): un-premultiply in the gamma quad so low-alpha fringes kee…

acf67ff

…p their colour

fix(webgl): allocate density resources lazily; tighten shader tests

10e2629

feat(webgl): drive density alpha from N_visible; add densityZoom perf…

862b242

… scenario

fix(webgl): restore densityLayer after densityZoom; allocate density …

c4c3c6f

…before binding the FBO

feat(scatter-plot): densityLayer config field with off/auto/on modes

c2e2cf5

feat(explore): persist density layer mode in the URL as ?density=

23b44ce

test(e2e): density layer composites above points and respects hidden …

f7589e8

…categories

fix(webgl): restore density latch context-loss test; single DENSITY_D…

624a1a8

…EFAULT One exported default in utils replaces seven spellings of 'off'.

feat(webgl): contour style for the density layer (quantised bands and…

3c73530

… iso-lines) One composite shader, u_style picks the branch; bands are one octave of density each.

feat(explore): contour options in the density select and ?density= va…

4e5eabc

…lues Five options over one select; the URL carries contour-auto and contour-on.

fix(webgl): 5 contour bands so the sparse fringe stays clear; texel c…

0f97561

…omment Line alpha follows the denser band; e2e counts differing pixels instead of frame bytes.

feat(webgl): contour v2, thin screen-space iso-lines with a minimum s…

17519fe

…upport floor, no fill Own wider blur and engage threshold; heatmap untouched.

fix(webgl): full-width outer contour ring; structural lines-only test

fb86483

Ceiling half a level past the last crossing; the test now pins the alpha chain.

fix(webgl): contour rings take the point colour lightened toward white

bb47084

The 0.35 darkening read as black on white and lost the category hue.

feat(webgl): contour rings sit over a stacked translucent fill, one c…

0d0b259

…oat per ring The fringe band is one coat pale and the core five coats deep, so nested contours read like overlapping layers. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

feat(webgl): double the contour fill coat opacity to 0.2

55ce3ae

Five coats now cover two thirds of the core; the stale no-fill block comment is fixed. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

feat(webgl): contour fill ramps from 20% at the outermost band to 80%…

82804c9

… in the core Two knobs, DENSITY_CONTOUR_FILL_OUTER and _CORE, replace the per-coat opacity. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

fix(data-loader): clear the file input after a pick so the same file …

7b13f76

…can be re-imported Re-selecting the same dataset fired no change event, leaving the app on the demo.

fix(explore): a failed demo fetch no longer flags the demo as loaded …

1c207ed

…or disables its button The name and demo flag now come from handleDataLoaded on success; the failure shows a toast. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

fix(explore): fetch the demo bundle from the app base, not relative t…

532bc0b

…o the route Under /explore/ the relative URL hit the SPA fallback and the demo never loaded. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

feat(webgl): thicker contour lines, ramp half-width 0.6 to 0.9 device px

6114f00

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

peymanvahidi added this pull request to stack #479 September 10, 2026 12:50

feat(webgl): update contour line thickness and lightening factor for …

0642d2e

…better visibility

Navigation Menu

feat(webgl): add contour and density plots - #478

feat(webgl): add contour and density plots#478
peymanvahidi wants to merge 28 commits into
perf/parquetbundle-v3from
feat/density-contour-layers

peymanvahidi commented Sep 10, 2026

Uh oh!

peymanvahidi commented Sep 10, 2026

Uh oh!

peymanvahidi commented Sep 10, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

peymanvahidi commented Sep 10, 2026

Uh oh!

peymanvahidi commented Sep 10, 2026

Uh oh!

peymanvahidi commented Sep 10, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant