Guidelines
Suggest edit

Sort line-chart x order when the goal is correlation judgment

For relate tasks, use value-based x ordering on line charts to improve fidelity and mitigate imprecise positive-correlation judgments for readers distinguishing nearby association strengths.

  • purpose:refine
  • basis:empirical
  • task:relate
  • chart:line
  • quality:fidelity:use
  • lever:scale-order
  • operator:association

advice

Sort the x order into an ordered line

Sort the x order to create an ordered line chart when readers need to judge correlation strength from a line-based display. For example, take a plain line chart of two quantitative variables and sort the x positions by value so the relationship is shown as an ordered line rather than the unsorted line form.

reason

Why ordering helps the line chart

This is a change inside the line-chart design, not a different dataset. The improvement came from altering the explicit variable order on the x axis.

Mechanism: Sorting the x order changed the line display into a form with smaller JNDs for positive correlations, making nearby association strengths easier to distinguish.

Evidence: Ordered line charts depicting positive correlations significantly outperformed plain positive line charts, and ordered line performance was also much more stable across positive and negative directions; the 2023 review collated this as empirical guidance for correlation-related chart design (Harrison et al., 2014; Zeng & Battle, 2023).

context

Use when the line-based view can be reordered

  • User Goal: Improve correlation judgment while staying in a line-based display.
  • Task: Compare nearby association strengths.
  • Data: Two quantitative variables shown with a line chart.
  • Chart Setting: A static line-based view where x order can be sorted instead of left unsorted.
  • Success Criterion: More reliable discrimination of nearby correlation values.

exceptions

Do not use this move when x order must stay fixed

Break it when: The line chart must preserve its existing x ordering and cannot be sorted. Why: The tested improvement came specifically from changing the x order to form the ordered line chart.

costs

What you give up by sorting the line

Sacrifice: You give up the original unsorted x ordering. Risk: If the unsorted order is the main message, reordering changes what the line view shows. Mitigation: Use the ordered version only when judging correlation strength is the main job of the line chart.

mistakes

Common implementation mistake

Mistake: Keeping an unsorted line chart for correlation judgment when x order is free to change. Why it fails: The positive ordered-line version was more precise than the plain positive line version.

check

How to test the refinement

Failure Sign: The plain line chart makes nearby correlations look too similar to judge reliably. Quick Check: Render the same data as a plain line chart and as an ordered line chart, then compare them on close correlation values. Stronger Test: Ask reviewers to choose which of two close-correlation displays is more correlated in each version and keep the version with more consistent answers.

fix

What to change

  • Sort the x order to create the ordered-line version of the chart.
  • Compare the ordered and plain line versions with the same data and display size.
  • Keep the ordered version when it yields more reliable correlation judgments.

References

Harrison, L., Yang, F., Franconeri, S., & Chang, R. (2014). Ranking Visualizations of Correlation Using Weber’s Law. IEEE Transactions on Visualization and Computer Graphics, 20(12), 1943–1952. https://doi.org/10.1109/TVCG.2014.2346979
Zeng, Z., & Battle, L. (2023). A Review and Collation of Graphical Perception Knowledge for Visualization Recommendation. Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems, 1–16. https://doi.org/10.1145/3544548.3581349