Content-Driven Layout for Visualization Design

Kristiansen, Yngve S.; Garrison, Laura; Brückner, Stefan

doi:10.1145/3554944.3554950

Cited by 2 publications

(2 citation statements)

References 38 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Color should be used in infographics created using this framework to draw attention to crucial information, generate contrast, and encourage visual engagement. The Grid System framework [73] uses a grid approach to direct the infographic's layout. This framework should be used to develop infographics with a consistent layout, a distinct visual hierarchy, and an easy-to-follow structure.…”

Section: A Infographics Developmental Frameworkmentioning

confidence: 99%

Infographics in Educational Settings: A Literature Review

Bhat,

Alyahya

2024

IEEE Access

View full text Add to dashboard Cite

Infographics are visual representations of data that utilize various graphic elements, including pie charts, bar graphs, line graphs, and histograms. Educators and designers can maximize the potential of infographics as powerful educational tools by carefully addressing challenges and capitalizing on emerging technologies. However, current education systems showcase the need for development guidelines and the best practices targeted at designing and developing infographics while exploring the major economic and social impacts of infographics on education. This study examines the concept and role of infographics in education, methodologies, trends, and obstacles. It evaluates potential economic implications and gives insights to design and development experts. The study is based on a scoping literature review methodology, uncovering the conceptual background and the role of infographics. The study emphasizes the unique functions of infographics in data visualization for educational purposes and investigates the current trends and practices in infographics creation. The key challenges associated with the use of infographics are also discussed. Furthermore, the study attempts to identify the cutting-edge frameworks for infographic creation and development while evaluating their economic implications for the role of global education. Finally, the potential recommendations for creating successful infographics while focusing on professional design and development are also covered. The guided literature review will be vital for understanding and using infographics in education.INDEX TERMS Data visualization; design; digital tools and platforms; educational technology; frameworks; infographics; learning outcomes; visual communication.

show abstract

Section: A Infographics Developmental Frameworkmentioning

confidence: 99%

Infographics in Educational Settings: A Literature Review

Bhat,

Alyahya

2024

IEEE Access

View full text Add to dashboard Cite

show abstract

“…These specialized force-directed layouts are frequently unstable and necessitate additional constraints to function correctly. Kristiansen et al [17] described a method for locating central components in a unique grid layout to provide equivalent attractive forces to address these deficiencies. Dayama et al [18] proposed an integer programming method for interactive layout transfer, where the layout of a source design is automatically transferred using a chosen reference pattern layout while adhering to applicable rules.…”

Section: Introductionmentioning

confidence: 99%

Automatic Layout Algorithm for Graphic Language in Visual Communication Design

Liao,

2023

IJACSA

View full text Add to dashboard Cite

As computer technology advances, people's capacity for visual perception grows better, and the demands placed on computerized layouts progressively rise. The simple style of graphics is no longer the only option for computer figure video creation; instead, there is a greater tendency to visually represent the effect and improve the aesthetics and expressiveness of visuals and images. Graphic language uses visual components, including shapes, colors, typographies, images, and icons, in a visual communication context to express messages, ideas, and emotions. Graphics language encounters greater chances and obstacles against the backdrop of this information era. Consequently, it is crucial to convert data into graphics language. Visual communication is evolving in some potential directions with the advancement of technological advances and cultural convergence. The graphic language has its distinct visual meaning, and each person's visual experience is extremely diverse and exists in life with various visual elements in different layouts. A hybridized Grid and Content-based Automatic Layout (HGC-AL) algorithm for graphic language in Visual Communication Design (VCD) has been developed to produce visually balanced layouts and establish a structured system for arranging content elements. The content-based layout uses design constraints for better alignment and avoids conflict loss. The hierarchical arrangement of graphic elements in a grid layout analyzes the types of visual elements like image, text, and color. Finally, graphic language enhances the visual score and gives flexibility by allowing changes and modifications within the grid layout. Following the design requirements change, the responsive fluid grid supports various graphical content, sizes, and alignments. Thus, compared with existing layout algorithms, the proposed algorithm is validated with metrics like Intersection of Union (IoU), alignment accuracy, content coverage ratio, visual score, scalability ratio, and overall layout quality.

show abstract

Content-Driven Layout for Visualization Design

Cited by 2 publications

References 38 publications

Infographics in Educational Settings: A Literature Review

Infographics in Educational Settings: A Literature Review

Automatic Layout Algorithm for Graphic Language in Visual Communication Design

Contact Info

Product

Resources

About