Learning to Automate Chart Layout Configurations Using Crowdsourced Paired Comparison
Authors
Document Title
Learning to Automate Chart Layout Configurations Using Crowdsourced Paired Comparison
Document Information
- Subject Area: Data Visualization and Machine Learning
- Keywords: Machine Learning, Data Visualization, Crowdsourcing, Visual Design, Chart Quality Assessment
Research Background and Problem
-
Identified Problems:
- Existing automated chart tools (e.g., Excel) typically generate layout parameters based on predefined heuristic rules, which may result in suboptimal layouts.
- Users often need to manually adjust multiple parameters (e.g., chart size, spacing between charts) to improve layouts, a process that is neither systematic nor time-efficient and does not guarantee improved results.
- Research on chart layout quality is limited, with a lack of empirical studies based on large-scale user experiments.
-
Significance: Charts are essential tools for data visualization, and their visual appeal impacts usability, memorability, and users' first impressions. Systematically quantifying layout quality and automating optimization can enhance the visual design quality of charts, providing users with more efficient solutions.
-
Research Motivation:
- To explore how to systematically optimize chart layout parameters by learning from human preference data.
- To propose a novel machine learning model to replace traditional handcrafted rules for evaluating chart layout quality.
Solution
-
Method Overview:
- Propose a machine learning-based system for quantitatively assessing chart layout quality, named "Layout Quality Quantifier (LQ2)."
- Collect user preference data on paired chart comparisons via a crowdsourcing platform and train the LQ2 model to learn scoring rules.
- Combine optimization techniques to recommend improved layout parameters, thereby enhancing chart quality.
-
Innovations:
- Introduced the use of paired comparisons to obtain more accurate and consistent user preference data.
- Employed adaptive strategies such as gradient sampling and importance sampling to improve the representativeness of training data.
- Modeled the chart layout parameter optimization problem as a learning-to-rank problem and applied machine learning methods to quantify human preferences.
-
Implementation Steps:
- Data Collection: Randomly generate paired charts for comparison and collect user preference data from MTurk.
- Model Design and Training: Use a Siamese neural network to learn a scoring function for human layout preferences.
- Parameter Optimization: Apply the model to predict the layout parameter combination with the highest score.
- User Studies and Validation: Conduct two rounds of user experiments to verify whether the model's recommended results are visually more appealing than default and manually optimized layouts.
Research Outcomes
-
Specific Results:
- The LQ2 model achieved 78% classification accuracy in predicting human preference rankings, outperforming traditional machine learning ranking methods and handcrafted rule-based evaluation metrics.
- User experiments confirmed that chart layouts generated by LQ2 were more popular on average compared to manually adjusted and default settings.
-
Advantages Over Existing Solutions:
- The automated layout recommendations not only improved visual quality but also significantly reduced the time required for manual adjustments.
- Compared to predefined heuristic rules and simple machine learning models, LQ2 captured nonlinear features, better reflecting human preferences.
-
Experiments and Evaluation Results:
- User study results showed that LQ2-generated chart layouts received 59%-67% of preference votes across two user experiments (compared to default layouts).
- Users required approximately 50 seconds to manually improve chart layouts, while LQ2 achieved similar results without human intervention.
-
Limitations and Future Directions:
- Limitations:
- The training dataset was limited in size and did not cover the entire design space.
- The current study focused solely on optimizing bar charts, without considering other chart types.
- The balance between user preferences and information communication efficiency has not been fully explored.
- Future Research Directions:
- Extend the approach to more chart types and more complex multi-parameter scenarios.
- Introduce real-time adaptive sampling and online learning strategies to improve model performance.
- Combine cognitive efficiency and aesthetic preferences in future studies for more comprehensive optimization.
- Limitations:
Conclusion
This study proposed an automated chart layout optimization method based on learning from public preferences, demonstrating the potential of integrating machine learning with chart aesthetic design. Experimental results validated the effectiveness of the method, providing insights for intelligent design in visualization tools and highlighting opportunities for future research in data-driven design and explainable AI.
Research Questions / Practical Problems
Question signals indexed for this paper.
Research Questions
3- How can chart layout parameters be optimized by learning from user preference data?Category: ML/AI Model Visualization and Explainable AnalysisSimilar questionsarrow_forward
- Can paired-comparison user data improve accuracy of chart layout quality evaluation?Category: ML/AI Model Visualization and Explainable AnalysisSimilar questionsarrow_forward
- Can ML models more effectively capture user preferences in chart layouts than rule-based methods?Category: ML/AI Model Visualization and Explainable AnalysisSimilar questionsarrow_forward
Practical Problems
1- Users spend time manually adjusting chart layouts with low efficiency and uncertain results.Category: ML/AI Model Visualization and Explainable AnalysisSimilar questionsarrow_forward
- 75%
Using Animation to Alleviate Overdraw in Multiclass Scatterplot Matrices
CHI '18· Interactive Data Visualization +1
- 75%
Clusters, Trends, and Outliers: How Immersive Technologies Can Facilitate the Collaborative Analysis of Multidimensional Data
CHI '18· Mixed Reality Workspaces +1
- 75%
Improving Early Navigation in Time-Lapse Video with Spread-Frame Loading
CHI '19· Interactive Data Visualization +1
- 75%
Interactive Repair of Tables Extracted from PDF Documents on Mobile Devices
CHI '19· Interactive Data Visualization
- 75%
Automatic Annotation Synchronizing with Textual Description for Visualization
CHI '20· Interactive Data Visualization +1
- 75%
DFSeer: A Visual Analytics Approach to Facilitate Model Selection for Demand Forecasting
CHI '20· Interactive Data Visualization +1
- 75%
Interaction Techniques for Visual Exploration Using Embedded Word-Scale Visualizations
CHI '20· Interactive Data Visualization +1
- 75%
Cheat Sheets for Data Visualization Techniques
CHI '20· Interactive Data Visualization
- 75%
Structure-aware Visualization Retrieval
CHI '22· Recommender System UX +1
- 75%
A Design Space For Data Visualisation Transformations Between 2D And 3D In Mixed-Reality Environments
CHI '22· Mixed Reality Workspaces +1
Based on Jaccard similarity of research subtopics & professions (≥60%)