DataParticles: Block-based and Language-oriented Authoring of Animated Unit Visualization

Best Paper
Interactive Data VisualizationData Storytelling3D Modeling & AnimationMusicians, DJs & Sound DesignersFilm & Animation ProducersJournalists & EditorsVisual Artists & Designers

Title of the Paper

DataParticles: Block-based and Language-oriented Authoring of Animated Unit Visualizations

Paper Information

  • Domain: Data Visualization, Interactive Animation, and Data Storytelling Tools
  • Keywords: Unit Visualization, Natural Language, Animation, Storytelling, Data-driven Design, Language Interface
  • Conference: 2023 CHI Conference on Human Factors in Computing Systems (CHI '23)

Research Background and Problem Statement

  • Problems and Challenges:

    • The integration of textual narratives with animated visualizations in data-driven storytelling is cumbersome and time-consuming.
    • Creating complex Animated Unit Visualizations (AUVs) requires using multiple tools, resulting in fragmented, repetitive, and inefficient workflows.
    • Planning and prototyping dynamic AUVs is challenging, as traditional prototyping techniques (e.g., sketches or Keynote) fail to effectively represent dynamic effects.
    • Semantic and temporal inconsistencies between narrative content and visualizations are often discovered during the creation process, leading to extensive downstream revisions.
  • Research Significance:

    • Unit visualizations provide a one-to-one mapping between data points and graphical marks, using animation to dynamically convey relationships within the data, thereby supporting the narration of complex and detailed data stories.
    • Simplifying authoring tools and reducing repetitive tasks could significantly enhance creators' efficiency and the quality of their work.
  • Research Motivation and Related Work:

    • Current research primarily focuses on static unit visualizations or aggregated charts, with limited exploration of dynamic, animated unit visualizations.
    • Existing tools (e.g., d3.js, AfterEffects) demand high-level programming skills for creating complex animations, and interactive tool support remains insufficient.
    • Data-driven natural language interfaces (NLIs) and block-based editing paradigms have shown potential but have not been fully integrated into complex data storytelling workflows.

Solution

  • Proposed Method/Tool:

    • Developed the DataParticles system, which combines natural language-driven editing with block-based editing to author animated unit visualizations (AUVs).
    • The system parses narrative text to infer key animation mapping rules, generates a coherent visual story, and incorporates flexible block-based editing functionalities.
  • Innovations:

    • Language-oriented Visualization: Automatically infers data selection, operations, visual encodings, and animation effects from textual narratives, establishing semantic links between text and animations.
    • Block-based Editing: Provides modular tools to organize and manage story segments and their corresponding visualizations, supporting rapid iteration, reorganization, and prototyping.
    • Integrates language operations with visualization, enabling semantic consistency, quick prototyping, and flexible exploration.
  • Implementation Steps/Technical Components:

    1. Text Parsing and Data Selection (parsing and extracting data attributes and values mentioned in the text);
    2. Applying Data Operations (e.g., calculating averages, sorting, finding maximum values);
    3. Visual Mapping (defining mappings from attributes to visual channels such as color, size, and position);
    4. Animation Generation (dynamically generating transition animations based on state changes between "blocks").

Research Outcomes

  • Results:

    • Provided a rapid iteration and highly flexible prototyping environment for efficiently creating and exploring data stories.
    • Expert user evaluations indicated that DataParticles supports synchronized creation of visual-text narratives and simplifies the storytelling process.
  • Experiments or Evaluations:

    • Conducted evaluations with 9 users experienced in creating AUVs.
    • The system was deemed easy to learn (strongly agree/agree by all 9 users) and significantly improved efficiency and flexibility in storytelling creation.
    • The language-guided generation mode maintained synchronization between narrative and visualization, noticeably enhancing the authoring experience.
  • Advantages over Existing Systems:

    • Combines the strengths of natural language interfaces for data-to-visualization workflows with block-based editing, significantly reducing time spent switching between tools.
    • Supports automatic inference and generation of complex animations, lowering the barrier for creating AUVs.
  • Limitations and Future Directions:

    • The current range of animation effects is limited, making it challenging to express more complex or customized visualizations.
    • The block organization is overly linear, and users have requested support for more complex management modes, such as branching and grouping.
    • The system is better suited for data-driven workflows, with limited support for narrative-driven workflows.
    • Future work suggests incorporating advanced animation engines and generative models to expand to a broader range of visualization types.

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/papers/chi/96594/2023

AdRecommended

Learn AI Coding at CodeNow

open_in_newOpen DOI Link
DOI: https://doi.org/10.1145/3544548.3581472
At a Glance

Paper Snapshot

fact_check
dataset
Source
CHI
calendar_month
Year
2023
emoji_events
Award
Best Paper
group
Authors
4 authors
sell
Subtopics
Interactive Data Visualization, Data Storytelling, 3D Modeling & Animation
work
Professions
Musicians, DJs & Sound Designers, Film & Animation Producers, Journalists & Editors, Visual Artists & Designers
article
Content Status
Full text indexed
hub
Related Papers
0 related papers