Data Pictorial: Deconstructing Raster Images for Data-Aware Animated Vector Posters

To support data integration into pictorials, we propose Data Pictorial, a pipeline that deconstructs a raster image into SVG objects whose attributes are contextualized in data. This process is achieved by cropping objects of interest using zero-shot detection, converting them into quantized bitmaps, and tracing the results as SVG paths. The technique then provides suggestions for binding the SVG objects and properties with data fields, affording the flexibility to automatically modify and animate the SVG based on the mapping. The resultant data-aware vector hypermedia can be potential candidates for real-time data inspection and personalization, all while maintaining the aesthetic of the original pictorial.

Authors

Institutions

Publication Details

Published
2024-10-11
DOI
https://doi.org/10.1145/3672539.3686353
Primary Topic
Data Visualization and Analytics
Type
article
Field-Weighted Citation Impact
0.00
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

Data Pictorial: Deconstructing Raster Images for Data-Aware Animated Vector Posters

Jane Hoffswell, Shunan Guo, Tongyu Zhou, Chang Xiao et al.
Data Visualization and Analytics
article

Data Pictorial: Deconstructing Raster Images for Data-Aware Animated Vector Posters

Jane Hoffswell, Shunan Guo, Tongyu Zhou, Chang Xiao, Eunyee Koh, Gromit Yeuk-Yin Chan, Victor S. Bursztyn
article en

Abstract

To support data integration into pictorials, we propose Data Pictorial, a pipeline that deconstructs a raster image into SVG objects whose attributes are contextualized in data. This process is achieved by cropping objects of interest using zero-shot detection, converting them into quantized bitmaps, and tracing the results as SVG paths. The technique then provides suggestions for binding the SVG objects and properties with data fields, affording the flexibility to automatically modify and animate the SVG based on the mapping. The resultant data-aware vector hypermedia can be potential candidates for real-time data inspection and personalization, all while maintaining the aesthetic of the original pictorial.

Adobe Systems (United States) (US), John Brown University (US)
Openalex Percentile: Top 83%
Data Visualization and Analytics
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.

Data Pictorial: Deconstructing Raster Images for Data-Aware Animated Vector Posters — Jane Hoffswell, Shunan Guo, et al. · (2024) | TGRS Research Map | TGRS