Spacing#

Test Type Performed#

Spacing is appropriate.

Artifact Evaluated#

Plotting interface. Specifically, evaluating the interfaces for all charts in our test environment: line, bar, table and scatter plot.

Results Summary#

The bar chart fails for spacing.

Expected Behavior (Pass/Fail)#

  • FAIL - At least 1 pixel visual and interactive gap should be provided between interactive elements that are categorically different. For clustering and encodings where non-interactive elements overlap, this test is not relevant.

  • Use of white space and other forms of padded, structured spacing should be appropriate. Too much or too little white space on charts with intervals (like a bar chart with thin bars and large gaps or vice a versa) can cause perceivable and understandable issues.

Image or Video of Failure#

A bar chart is shown. A red box is highlighting two bars that are side-by-side and are the same color. There is no spacing be tween the two, making it almost appear as one large bar (fails).
A bar chart is shown. A red box is highlighting two bars that are side-by-side and the same color. There is no spacing be tween the two, making it almost appear as one large bar (fails).

Steps to Reproduce#

Measure gap size and element size for repeating, aligned elements. Gaps should not be wider than 50% of element size in cases where elements are laid out in a regular pattern or fashion.

Guidelines and Standards Used#

Spacing is inappropriate https://chartability.github.io/POUR-CAF/#spacingisinappropriate

Known or Documented Issues#

…

Technical Details#

  • Chrome Version 128.0.6613.120 (64-bit)

  • Windows 11 Build 22631.3958

Updated as of: September 10th, 2024