cytoscape.js v4 HEAD · 96942db8 · built 2026-08-05 20:14Z

Visual goldens

43 golden images from the visual Playwright project — what the WebGPU renderer produces for each pinned scene. These are v4's own previous output, so they answer “did this change?” and not “is this right”; the live v3-vs-v4 parity diffs in the same project answer the second question.

golden: arrow scalars — scale, hollow, stroke widths (round 13 B7)
arrow-scalars golden: arrow scalars — scale, hollow, stroke widths (round 13 B7) 7.1 KiB
golden: arrowhead shapes (round 10)
arrow-shapes golden: arrowhead shapes (round 10) 13.5 KiB
golden: bezier bundles (round 12a)
bezier-bundles golden: bezier bundles (round 12a) 16.3 KiB
golden: node charts — pies, hole, start angle, stripes (round 23)
charts-pie-stripes golden: node charts — pies, hole, start angle, stripes (round 23) 13.6 KiB
golden: compound loop edges (round 14.10)
compound-loops golden: compound loop edges (round 14.10) 7.1 KiB
golden: compound parents — nesting, padding, borders (round 14.9)
compounds golden: compound parents — nesting, padding, borders (round 14.9) 7.1 KiB
golden: curved-edge arrowheads on end tangents (round 12a)
curved-arrows golden: curved-edge arrowheads on end tangents (round 12a) 14.6 KiB
golden: curved-edge labels at the curve midpoint (round 12a)
curved-edge-labels golden: curved-edge labels at the curve midpoint (round 12a) 14.1 KiB
golden: edge label autorotate (angles + the flip rule)
edge-label-autorotate golden: edge label autorotate (angles + the flip rule) 11.3 KiB
golden: edge labels at midpoints (round 10)
edge-labels golden: edge labels at midpoints (round 10) 8.6 KiB
golden: edge overlay/underlay strokes (round 13 A2)
edge-layers golden: edge overlay/underlay strokes (round 13 A2) 8.9 KiB
golden: source/target labels along straight, bezier, taxi and loop edges (round 13 D4)
end-labels golden: source/target labels along straight, bezier, taxi and loop edges (round 13 D4) 15.6 KiB
golden: far-zoom LOD (width floors, decimation, plain discs)
far-zoom-lod golden: far-zoom LOD (width floors, decimation, plain discs) 4.9 KiB
golden: ghost bodies (round 13 A1)
ghost golden: ghost bodies (round 13 A1) 6.6 KiB
golden: gradient fills — directions, radial, curved lines (round 13 C2)
gradients golden: gradient fills — directions, radial, curved lines (round 13 C2) 20.7 KiB
golden: haystack edges (round 12c)
haystack golden: haystack edges (round 12c) 23.6 KiB
golden: background images — auto size, position, clip, opacity (round 15.3)
images-basic golden: background images — auto size, position, clip, opacity (round 15.3) 1.8 KiB
golden: background images — cover on ellipses, clip vs none, repeat (round 15.3)
images-cover-clip golden: background images — cover on ellipses, clip vs none, repeat (round 15.3) 7.6 KiB
golden: multi-image compositing — order, overlap, per-image props (round 15.4)
images-multi golden: multi-image compositing — order, overlap, per-image props (round 15.4) 2.3 KiB
golden: sdf icon mode — tint mapper, crisp at zoom (round 15.5)
images-sdf-icons golden: sdf icon mode — tint mapper, crisp at zoom (round 15.5) 7.0 KiB
golden: the 3x3 label alignment grid (round 13 D3)
label-align golden: the 3x3 label alignment grid (round 13 D3) 11.2 KiB
golden: label boxes — transform, borders, round shape (round 13 B6)
label-boxes golden: label boxes — transform, borders, round shape (round 13 B6) 10.4 KiB
golden: label visuals (outline, background, margins)
label-visuals golden: label visuals (outline, background, margins) 8.3 KiB
golden: bold italic labels in the fixed web font (round 13 D1)
labels-bold-italic golden: bold italic labels in the fixed web font (round 13 D1) 11.8 KiB
golden: labels in the fixed web font (Open Sans)
labels-open-sans golden: labels in the fixed web font (Open Sans) 10.7 KiB
golden: wrapped edge labels rotate as a block (round 16.3)
labels-wrap-edge golden: wrapped edge labels rotate as a block (round 16.3) 9.5 KiB
golden: multiline labels — wrap, ellipsis, justification (round 16.3)
labels-wrap golden: multiline labels — wrap, ellipsis, justification (round 16.3) 12.3 KiB
golden: edge line styles (solid, dashed, dotted)
line-styles golden: edge line styles (solid, dashed, dotted) 14.1 KiB
golden: manual endpoints + distances (round 12c)
manual-endpoints golden: manual endpoints + distances (round 12c) 11.6 KiB
golden: GPU-evaluated color mappers (viridis scale)
mapped-colors golden: GPU-evaluated color mappers (viridis scale) 14.2 KiB
golden: mid arrows on straight, bezier, taxi and haystack (round 13 C1)
mid-arrows golden: mid arrows on straight, bezier, taxi and haystack (round 13 C1) 12.3 KiB
golden: overlay and underlay layers (round 13 A2)
node-layers golden: overlay and underlay layers (round 13 A2) 7.0 KiB
golden: nodes, borders, opacity, edges, arrows
nodes-edges-arrows golden: nodes, borders, opacity, edges, arrows 9.4 KiB
golden: polygon node shapes (round 10)
polygon-shapes golden: polygon node shapes (round 10) 15.9 KiB
golden: segments and round-segments (round 12b)
segments-families golden: segments and round-segments (round 12b) 20.2 KiB
golden: selection accent rings
selection-accent golden: selection accent rings 4.9 KiB
golden: self-loops (round 12a)
self-loops golden: self-loops (round 12a) 12.5 KiB
golden: custom polygons — convex, concave, bordered, anisotropic (round 13 C3)
shape-polygon golden: custom polygons — convex, concave, bordered, anisotropic (round 13 C3) 6.4 KiB
golden: the round-corner shape family (round 27.4)
shapes-27-round golden: the round-corner shape family (round 27.4) 15.1 KiB
golden: the round-27.2 shape keywords
shapes-27 golden: the round-27.2 shape keywords 5.1 KiB
golden: straight-triangle edges (round 12c)
straight-triangle golden: straight-triangle edges (round 12c) 13.4 KiB
golden: taxi and round-taxi (round 12b)
taxi-families golden: taxi and round-taxi (round 12b) 7.1 KiB
golden: unbundled bezier splines (round 12b)
unbundled-bezier golden: unbundled bezier splines (round 12b) 15.2 KiB