Beauty in the Eye of AI: Aligning LLMs and Vision Models with Human Aesthetics in Network Visualization
Organizations: Northeastern University, United States · Bosch AI Research, United States · The Ohio State University, United States
Abstract
Network visualization has traditionally relied on heuristic metrics, such as stress, under the assumption that optimizing them leads to aesthetic and informative layouts. However, no single metric consistently produces the most effective results. A data-driven alternative is to learn from human preferences, where annotators select their favored visualization among multiple layouts of the same graphs. These human-preference labels can then be used to train a generative model that approximates human aesthetic preferences. However, obtaining human labels at scale is costly and time-consuming. As a result, this generative approach has so far been tested only with machine-labeled data. In this paper, we explore the use of large language models (LLMs) and vision models (VMs) as proxies for human judgment. Through a carefully designed user study involving 27 participants, we curated a large set of human preference labels. We used this data both to better understand human preferences and to bootstrap LLM/VM labelers. We show that prompt engineering that combines few-shot examples and diverse input formats, such as image embeddings, significantly improves LLM-human alignment, and additional filtering by the confidence score of the LLM pushes the alignment to human-human levels. Furthermore, we demonstrate that carefully trained VMs can achieve VM-human alignment at a level comparable to that between human annotators. Our results suggest that AI can feasibly serve as a scalable proxy for human labelers.
Figures & tables
| Human | Human* | incl. LLM* | incl. VM* | |
| 1 | 5.15 | 4.50 | 2.95 | 2.02 |
| 2 | 40.79 | 39.70 | 31.72 | 38.24 |
| 3 | 38.55 | 41.5 | 43.93 | 42.16 |
| 4 | 13.49 | 11.8 | 17.27 | 14.81 |
| 5 | 1.94 | 2.50 | 3.56 | 2.63 |
| 6 | 0.08 | 0.00 | 0.56 | 0.18 |
| You are an expert in human aesthetics. I want you to evaluate the graph’s layout primarily from an aesthetic perspective. Based on your aesthetic judgment, select the layout that best aligns with human preferences. Let’s think step by step . Give me the answer with the style: "Reason: Result: layout ?" Just give me plain text, do not add emphasize markdown. |
| … To systematically analyze the layout preferences, we provided multiple exemplar images for layout assessment and human aesthetic preference exploration: In the first set of eight layouts, the human selected layout 2. In the second set of eight layouts, the human selected layout 7. In the third set of eight layouts, the human selected layout 8. In the fourth set of eight layouts, the human selected layout 4. In the fifth set of eight layouts, the human selected layout 8. We request a comprehensive analysis of the aesthetic criteria that influenced these layout selections. It is important to note that the preference is independent of the absolute layout numbering. … |
| … Below are examples of layouts labeled as "good" or "bad" based on human feedback: {examples} Now, please evaluate the new graph: Graph Structure: {graph structural information} Layout Coordinates to Evaluate: {features} … |
| You are an expert in human aesthetics. Below are examples of layouts labeled as "good" or "bad" based on human feedback: Good Layouts: {good_layouts} Now, evaluate the following layouts and select the one that is most aligned with human aesthetics: Features: {features} And the last sentence must start with "In conclusion, I will pick layout X". |
| Method | 0 - Shot | 1 - Shot | 5 - Shot |
| Image Only* | |||
| Edgelist | |||
| Adjacency | |||
| Node2Vec | — | ||
| Spectral | |||
| MB ResNet50* |
| Model | Alignment (%) |
| Qwen3 (235b-a22b-2507) | 11.77 |
| Claude Sonet 4.5 | 12.70 |
| Gemini 2.5 Flash | 14.81 |
| GPT-5 | 27.80 |
| GPT-4o mini | 33.11 |
| Method | ResNet | DINOv2 |
| Frozen feature extractor | ||
| Baseline | 16.82 | 27.82 |
| Augment (10×) | 18.66 | 32.82 |
| Soft Multiclass | 30.41 | 32.80 |
| Fine-tuned backbone | ||
| Tune + Baseline | 17.36 | 33.07 |
| Model | Size | Embedding Dim | Alignment (%) |
| DINOv2-Small | 21M | 384 | 35.05 |
| DINOv2-Base | 86M | 768 | 36.81 |
| DINOv2-Large | 300M | 1024 | 35.90 |
| Model | Num. of fine-tune layers | Alignment (%) |
| DINOv2-Base | 1 | 32.10 |
| DINOv2-Base | 2 | 36.80 |
| DINOv2-Base | 3 | 34.76 |
| DINOv2-Base | 4 | 36.04 |
| Layout | LLM Count | LLM % | VM Count | VM % | Human Count | Human % |
| fa2 | 31 | 3.10 | 5 | 0.50 | 269 | 4.84 |
| fdp | 193 | 19.30 | 36 | 3.60 | 448 | 8.06 |
| Kamada-Kawai | 709 | 70.90 | 495 | 49.50 | 2364 | 42.54 |
| neato | 22 | 2.20 | 436 | 43.60 | 1935 | 34.82 |
| pmds | 9 | 0.90 | 4 | 0.40 | 72 | 1.30 |
| sfdp | 8 | 0.80 | 15 | 1.50 | 292 | 5.25 |
Appendix figures & tables9 assets
Supplementary material from the paper’s appendix.
Appendix
| Reason | Description | Freq |
| Symmetry | Layouts with symmetric arrangements, balanced proportions, or bilateral harmony. | 42 |
| No edge crossings | Absence of edge intersections or overlaps, leading to planar and clean visuals. | 35 |
| Clear structure | Readable, clear overall structure or preserved graph shape. | 31 |
| Good spacing | Even node spacing, well-spread layout, or efficient use of space. | 29 |
| Geometric harmony | Harmonious proportions, stability, or appealing geometric metaphors (e.g., cubic, spherical). | 25 |
| Uniform edge lengths | Consistent or even edge lengths without variation. | 22 |
| Reason | Description | Freq |
| Asymmetry or imbalance | Lopsided, unbalanced, or asymmetrical layout. | 45 |
| Edge crossings | Presence of intersecting or crossing edges causing ambiguity. | 38 |
| Dense or crowded areas | Clustered, dense, or congested regions with too much proximity. | 36 |
| Overlapping edges/nodes | Edges or nodes overlapping, leading to confusion or invisibility. | 32 |
| Distorted or skewed shape | Warped, distorted, or irregular overall shape. | 26 |
| Uneven edge lengths | Inconsistent, irregular, or varying edge lengths. | 24 |
| Threshold | User–User (%) | VM–User (%) | LLM–User (%) |
| 0.00 | 100.00 | 100.00 | 100.00 |
| 0.50 | 96.17 | 96.87 | 95.48 |
| 0.60 | 90.71 | 92.51 | 88.36 |
| 0.70 | 83.25 | 84.69 | 79.67 |
| 0.80 | 71.66 | 72.50 | 67.64 |
| 0.85 | 65.83 | 67.09 | 61.47 |
Data Visualization
Data visualization studies how visual representations help people explore, interpret, communicate, and reason about data.
See all 120 papers