Structure-aware Visualization Retrieval
Honorable MentionAuthors
Recommender System UXInteractive Data VisualizationUI/UX DesignersData Scientists & Analysts
Document Title
Structure-aware Visualization Retrieval
Document Information
- Subject Area: Data Visualization Retrieval and Representation Learning
- Keywords: Data Visualization, Visualization Retrieval, Visualization Similarity, Representation Learning, Visualization Embedding
Research Background and Problem
- With the widespread use of data visualization, a large number of visualizations in scalable vector graphics (SVG) format are being created and shared online. However, retrieving perceptually similar graphics from large-scale visualization libraries has become a prominent research challenge.
- Existing methods primarily treat visualizations as bitmap images, focusing only on visual appearance while neglecting the inherent structural information of the SVG format, including spatial and hierarchical relationships of visual elements. This structural information can provide a comprehensive representation of visualizations from a new perspective.
- Challenge: How to effectively process and integrate visual and structural information to improve visualization retrieval performance.
Solution
- Method: A perceptually structure-sensitive visualization retrieval method is proposed, combining visual and structural information to evaluate the perceptual similarity of visualizations.
- Graph representation learning techniques are employed to convert SVGs into graph models reflecting structural information, while visual information is transformed into bitmaps.
- Contrastive representation learning techniques are applied to generate low-dimensional embedding vectors through self-supervised learning, representing both visual and structural information.
- Convolutional Neural Networks (CNNs) are used to extract visual information, while Graph Neural Networks (GNNs) extract structural information. The two types of information are fused through vector concatenation.
- Innovations:
- For the first time, the joint consideration of structural and visual information is explicitly proposed to quantify the perceptual similarity of visualizations.
- An efficient self-supervised contrastive learning method is adopted, reducing the burden of data annotation.
- The traditional retrieval methods based on visual features are extended to handle structural data in SVG format.
- Implementation Steps:
- Structural Information Extraction: Extract element features (e.g., position, type, style) from SVGs and construct graph representations of visual elements.
- Visual Information Extraction: Use a contrastive learning model (SimSiam) to generate visual representations.
- Information Fusion: Normalize and concatenate the embedding vectors of visual and structural information, and perform retrieval based on cosine distance.
Research Outcomes
- Specific Outcomes:
- Proposed embedding vectors to represent the perceptual similarity of visualizations, successfully enabling similarity-based visualization retrieval.
- Designed and implemented a structure-sensitive retrieval process, significantly improving retrieval performance.
- Advantages and Comparisons:
- Compared to traditional methods that only consider visual information (e.g., CNN or HOG features), the proposed method demonstrates superior performance in terms of type consistency, element count consistency, and trend consistency.
- Experiments and user studies validate the method's advantages in retrieval accuracy and subjective user evaluations.
- Experimental Results:
- Quantitative analysis shows that retrieval methods incorporating structural information outperform baseline models across various performance metrics.
- User studies confirm a significant improvement in user satisfaction with the retrieval results (average score of 2.86, higher than other methods).
- Case studies further validate the method's significant advantages in distinguishing chart types and ensuring trend consistency.
- Limitations and Future Directions:
- The current retrieval method does not incorporate quantitative metrics for trends; future work should explore unified quantification schemes for visualization trends.
- The method currently offers limited support for other formats (e.g., non-SVG graphics); future work could extend it to bitmap graphics and multi-view visualization scenarios.
- The embedding vector fusion strategy may involve redundant information and storage efficiency issues, necessitating the development of more efficient feature fusion methods.
Research Questions / Practical Problems
Question signals indexed for this paper.
help
Research Questions
3- How can visual and structural information from visualizations be combined to improve visual retrieval performance?Category: Data Search, Integration, and Structured ExplorationSimilar questionsarrow_forward
- How can SVG-based structural information provide new representational perspectives for visualization embeddings?Category: Data Search, Integration, and Structured ExplorationSimilar questionsarrow_forward
- Can quantification methods for visualization perceptual similarity improve accuracy through self-supervised contrastive learning?Category: Data Search, Integration, and Structured ExplorationSimilar questionsarrow_forward
lightbulb
Practical Problems
1- Users struggle to quickly find perceptually similar charts from large visualization libraries.Category: Data Search, Integration, and Structured ExplorationSimilar questionsarrow_forward
- 100%
A Study on User-Controllable Social Exploratory Search
IUI '18· Recommender System UX +1
- 80%
TastePaths: Enabling Deeper Exploration and Understanding of Personal Preferences in Recommender Systems
IUI '22· Recommender System UX +1
- 75%
Learning to Automate Chart Layout Configurations Using Crowdsourced Paired Comparison
CHI '21· Interactive Data Visualization
- 75%
Evaluating Narrative-Driven Movie Recommendations on Reddit
IUI '19· Recommender System UX
- 67%
What-if Analysis for Business Professionals: Current Practices and Future Opportunities
CHI '25· Recommender System UX +2
- 67%
Seeing Eye to AI? Applying Deep-Feature-Based Similarity Metrics to Information Visualization
CHI '25· Recommender System UX +2
- 67%
Riding the Carousel: The First Extensive Eye Tracking Analysis of Browsing Behavior in Carousel Recommenders
IUI '26· Eye Tracking & Gaze Interaction +2
- 60%
Using Animation to Alleviate Overdraw in Multiclass Scatterplot Matrices
CHI '18· Interactive Data Visualization +1
- 60%
Clusters, Trends, and Outliers: How Immersive Technologies Can Facilitate the Collaborative Analysis of Multidimensional Data
CHI '18· Mixed Reality Workspaces +1
- 60%
Improving Early Navigation in Time-Lapse Video with Spread-Frame Loading
CHI '19· Interactive Data Visualization +1
Based on Jaccard similarity of research subtopics & professions (≥60%)
Quick Actions
AdRecommended
Learn AI Coding at CodeNow
open_in_newOpen DOI Link
DOI: https://dl.acm.org/doi/abs/10.1145/3491102.3502048
At a Glance
fact_checkPaper Snapshot
dataset
Source
CHI
calendar_month
Year
2022
emoji_events
Award
Honorable Mention
group
Authors
5 authors
sell
Subtopics
Recommender System UX, Interactive Data Visualization
work
Professions
UI/UX Designers, Data Scientists & Analysts
article
Content Status
Full text indexed
hub
Related Papers
10 related papers