InfoGraph Cover

What is infographic underline ?

A form of visualization—
a geometric structure to visually communicate ideas.

Template Highlighted
Limitation 1
Limitation 2
Limitation 3
Transition
✨ Generate From Scratch
Transition

Our Method

InfoGraph Composition

InfoGraph: Graph-based Representation

Capture the geometric and semantic layout of infographics through:

  • Node Icon Nodes : Represent visual elements
  • Node Icon Backbone: Primary flow that connects information
  • Node Icon Branch: Connect node and backbone

Compare with VIF

VIF vs InfoGraph
  • Uses color to encode semantic roles
  • Easy to draw [DG1]
  • Nodes support diverse shapes, styles, and content [DG2]
  • Effectively captures spatial structure [DG3]

Dataset Construction

Dataset Pipeline

Challenges of infographic-graph paired dataset

  • low-quality and with texts, icons, etc
  • How to map infographics into InfoGraph?
t-SNE Exploration

Research Tasks

Task 1: Graph-guided Generation

Problem: Many controllable generative models exist—which one works best for infographics?

We explore various control strategies (e.g., ControlNet, Readout) conditioned on our graph structure.

Task 2: Graph-guided Style Transfer

Problem: Existing style transfer models focus on global coherence, but infographic design requires element-wise correspondence for better readability and compositional clarity.

Style Transfer Challenge

Evaluation Method

  • Quantitative Experiment: Percentage of Correct Key-points (PCK), Object Keypoint Similarity (OKS) based mAP
  • Qualitative Analysis: compare results with current control method
  • User Study: the usability in real design process

Preliminary Results

Discussion

Key Insights

  • Loose control allows more user-aligned and interpretable designs in some cases.
  • Domain-specific design using cross-domain knowledge.
Discussion