Pick colors & process order · export / import · bring & share your own.
A skin is the look of X-Ray — colors and the process stacking order. The meaning
(the topology view = an X-ray of the whole lab, DeepDive = inside the router, and the data contract) is
fixed; the look is yours. Edit below, Export the JSON, and hand it to anyone.
Your choice is saved in this browser and every gallery demo picks it up. Frozen shape:
SKIN-CONTRACT.md. Phase 1 = colors (process order & shapes come in Phase 2).
Preset
Colors
Process order — Phase 2
Choosing the BGP/OSPF stacking order on border routers (and the shape axis)
arrives in Phase 2. Phase 1 ships the color axis; the default order is BGP top / OSPF bottom.
Share
Live preview
The real engine DeepDive (same xray-core.js the demos run),
shown as a scaled thumbnail and recolored live by the colors above via the --xto-*
tokens — click the preview to open it 1:1. Switch a scene to see the BGP process, an OSPF
adjacency, and a down session take your palette.