BASELINE
Surface Height Map
Clear setup sections, deliberate machine controls, and a strong measured-map visualization establish the baseline.
View map object ↗GSENDER PLUGIN DESIGN SYSTEM · 01
Shared UI objects
A consistent starting point for plugin layouts, based on Surface Height Map v0.1.39 and patterns found across the plugin suite.
ONE CSS
Shared tokens and patterns
Use shared.css for color, spacing, type, fields, cards, actions, and responsive layouts.
REUSE
Objects with a source
Each specimen names the plugin patterns it represents so future work can adopt and improve the same object.
Browse objects ↗BEHAVIOR
Reusable CNC functions
Copyable source functions for homing, jogging, probing, coordinate moves, and motion safety.
Open code library ↗01 · INPUTS
Settings group
Group related values under a short heading, keep field labels above controls, and let the grid collapse naturally on narrow plugin panels.
Map area and sampling?
Probe method
Pattern collected from the map setup, probe feeds, retracts, probe method, and probe type sections.
02 · POSITION
Origin location picker
A workpiece diagram makes the coordinate choice visible. Keep radio semantics so keyboard and assistive technology users can select a point.
Work origin
Choose where X0 Y0 will be on the material.
Y
REARFRONT
X +
Source: Surface Height Map v0.1.39 origin picker. The perimeter mapper adds a related rectangle-origin capture step.
03 · MACHINE CONTROL
Jog and control panel
Keep position readouts, step size, homing state, directional jog, and purpose-specific actions together. This specimen is visual only; its buttons do not send commands.
Jog and probe
Position the tool before capturing the origin.
Machine not homed
XYZ
✣
Z AXIS
ⓘ Preview only. Jog controls are inactive in this catalog.
Source: Surface Height Map v0.1.39 machine DRO, jog step selector, XY/Z pad, home, probe, GOTO XY, and go-to-origin actions.
04 · VISUALIZATION
Surface map viewer
Present the measured data with summary values, a meaningful color legend, and an explicit visual exaggeration control.
Measured surface
63 probe points · 300 × 180 mm
MIN −0.42MAX +0.68RANGE 1.10 mm
+0.68 mm−0.42 mm
Y 180Y 0X 0X 300
ⓘ Height colors visualize relative readings; this is not a physical-scale model.
Source: Surface Height Map v0.1.39 saved map summary, canvas, height legend, exaggeration range, and STL export.
05 · SEQUENCING
Workflow and progress
Number complex processes, summarize each step's readiness, and show progress close to the action that starts it.
✓READY
Describe the probe
Tip diameter and usable shaft length
02IN PROGRESS
Define the search area
Rectangle includes calculated clearance
Map calibration42%
Probe point 26 of 63 · Estimated 2 min 10 sec
Source: Surface Perimeter Mapper's gated steps and Surface Height Map's calibration progress/status controls.
06 · FEEDBACK
Status and diagnostics
Use clear state labels and one-line explanations. Diagnostics can expose detailed readings without making the whole screen feel like a log.
CONTROLLERONLINE
GRBL 1.1h
Connected over serial · 115200 baud
PROBE INPUTCHECK
Probe signal is clear
Activate and release the probe to verify input.
CAMERAREADY
USB camera
Camera only · no CNC commands
LIVE PREVIEW1920 × 1080
Sources: CNC Machine Diagnostics health and firmware cards; Surface Height Map probe signal flow; Camera Monitor's source and safety status.
07 · OUTPUT
File action row
Keep file selection, the primary transform, and current file status adjacent. Make it clear when the source remains intact.
Choose a G-code file
NC, GCODE, TAP, NGC, TXT · Metric, absolute moves
NC
cabinet-panel.nc
248 KBSource file stays unchanged
Surface map ready to apply
Source: Surface Height Map file selection/compensation; related file workflows in Image Heightmap Engraver and CAMLab.