Jove
Visualize
Contact Us
JoVE
x logofacebook logolinkedin logoyoutube logo
ABOUT JoVE
OverviewLeadershipBlogJoVE Help Center
AUTHORS
Publishing ProcessEditorial BoardScope & PoliciesPeer ReviewFAQSubmit
LIBRARIANS
TestimonialsSubscriptionsAccessResourcesLibrary Advisory BoardFAQ
RESEARCH
JoVE JournalMethods CollectionsJoVE Encyclopedia of ExperimentsArchive
EDUCATION
JoVE CoreJoVE BusinessJoVE Science EducationJoVE Lab ManualFaculty Resource CenterFaculty Site
Terms & Conditions of Use
Privacy Policy
Policies

Related Concept Videos

Design Example: Resistive Touchscreen01:14

Design Example: Resistive Touchscreen

305
A device engineer plays a crucial role in designing user interfaces for mobile devices. One such interface is the resistive touchscreen, which fundamentally consists of two metallic layers: a flexible upper layer and a rigid lower layer, separated by a narrow gap. The high resistance between these two layers is a key characteristic of this design.
When a user touches the screen, the two layers make contact at a specific point known as the touchpoint. This contact reduces the resistance between...
305
Design Example: Dimensioning of Concrete Masonry Construction01:13

Design Example: Dimensioning of Concrete Masonry Construction

93
For the construction of a storeroom using concrete masonry units, it's essential to align the dimensions of the structure with the actual sizes of the blocks and the intended mortar joints. On the site in question, there's a stockpile of concrete masonry blocks with a nominal size of eight by eight by sixteen inches, which are to be used in the construction of the storeroom.
The site engineer has laid out a plan for the storeroom with external dimensions of twelve feet in length and...
93
Modified Boxplots00:57

Modified Boxplots

9.6K
A standard box and whisker plot informs us about the spread of the data in a given sample. One can identify the minimum value, maximum value, first quartile value, second quartile or median value, and third quartile.
However, the box plot does not tell the reader about outliers - values that lie far from the center of the data. We can modify the standard box and whisker plot to identify the outliers and visualize the actual spread of the data in a sample.
Initially, we calculate the adjusted...
9.6K
Design Example: Aggregate Gradation01:24

Design Example: Aggregate Gradation

91
The right type and quality of aggregates are crucial for concrete as they significantly influence its properties, mix proportions, and cost-effectiveness. If different sources are available for sand, the commonly used fine aggregate in concrete, the selection of sand is primarily based on its gradation.
The grading, or particle-size distribution, of sand is determined using sieve analysis, with standard sizes ranging from 150 μm to 10 mm (ASTM No. 100 sieve to 3⁄8 in. sieve). Sand is...
91
Design Example: Measuring Distance Between Two Points with Obstructions01:10

Design Example: Measuring Distance Between Two Points with Obstructions

33
When measuring distances in areas with physical obstructions, such as a lake in a field, surveyors must employ techniques to calculate accurate lengths without direct line measurements. One effective method is the offset technique, which allows for precise distance estimation over inaccessible stretches.In this scenario, a surveyor must measure a side of an area that crosses a lake. Since the measuring tape cannot span the lake, the surveyor begins by establishing a baseline that aligns with...
33
Design Example: Analyzing Capacity Contours for Flood Risk Assessment01:17

Design Example: Analyzing Capacity Contours for Flood Risk Assessment

43
Flood risk assessment involves careful planning and analysis to ensure the safety of communities near water retention structures. Capacity contours are a vital tool in this process, as they illustrate the potential spread of water at specific levels in a given area. In the context of building a bund across a small valley, these contours play a critical role in evaluating the safety of nearby residential areas.In this example, the bund is intended to store stormwater in the valley. The engineers...
43

You might also read

Related Articles

Articles linked to this work by shared authors, journal, and citation graph.

Sort by
Same author

Design guidelines for animated data visualization based on perceptual capacity limits.

Cognitive research: principles and implications·2026
Same author

Genomic comparisons and the adaptive basis of brain size plasticity and chromosomal instability in the Eurasian common shrew.

Molecular biology and evolution·2026
Same author

Experiencing Data Visualization With Language Disability.

IEEE computer graphics and applications·2025
Same author

Visualization Badges: Communicating Design and Provenance through Graphical Labels Alongside Visualizations.

IEEE transactions on visualization and computer graphics·2025
Same author

Reframing Pattern: A Comprehensive Approach to a Composite Visual Variable.

IEEE transactions on visualization and computer graphics·2025
Same author

What Can Visualization Research Do for Climate? A Workshop Report.

IEEE computer graphics and applications·2025
Same journal

MesoSplats: Texture Synthesis with Gaussian Splatting.

IEEE transactions on visualization and computer graphics·2026
Same journal

GLLA: A Unified Force-Directed Graph Layout Framework Supporting Local Adjustments.

IEEE transactions on visualization and computer graphics·2026
Same journal

Multi-Perception Crowd: Learning to combine entity and implicit perception for diverse crowd simulation.

IEEE transactions on visualization and computer graphics·2026
Same journal

Hiding in Plain Sight: Camouflaging Real-world Objects.

IEEE transactions on visualization and computer graphics·2026
Same journal

RTF2Mesh: Restricted Tangent Face Based Mesh Compression With Neural Displacement Fields.

IEEE transactions on visualization and computer graphics·2026
Same journal

Practical Occluder Generation for Mobile Games.

IEEE transactions on visualization and computer graphics·2026
See all related articles

Related Experiment Video

Updated: Jun 24, 2025

Development of a Gaze-Contingent Display Framework Designed for Perceptual and Oculomotor Research with Simulated Central Vision Loss
07:12

Development of a Gaze-Contingent Display Framework Designed for Perceptual and Oculomotor Research with Simulated Central Vision Loss

Published on: April 11, 2025

323

Constraint-Based Breakpoints for Responsive Visualization Design and Development.

Sarah Schottler, Jason Dykes, Jo Wood

    IEEE Transactions on Visualization and Computer Graphics
    |June 5, 2024
    PubMed
    Summary
    This summary is machine-generated.

    Constraint-based breakpoints offer a new method for creating responsive visualizations that adapt to various screen sizes and datasets. This technique ensures readability and efficient space usage by evaluating visualization-specific constraints, unlike static breakpoints.

    More Related Videos

    A Modified Lean and Release Technique to Emphasize Response Inhibition and Action Selection in Reactive Balance
    07:19

    A Modified Lean and Release Technique to Emphasize Response Inhibition and Action Selection in Reactive Balance

    Published on: March 19, 2020

    5.9K
    Using Rapid Serial Visual Presentation to Measure Set-Specific Capture, a Consequence of Distraction While Multitasking
    05:58

    Using Rapid Serial Visual Presentation to Measure Set-Specific Capture, a Consequence of Distraction While Multitasking

    Published on: August 29, 2018

    8.9K

    Related Experiment Videos

    Last Updated: Jun 24, 2025

    Development of a Gaze-Contingent Display Framework Designed for Perceptual and Oculomotor Research with Simulated Central Vision Loss
    07:12

    Development of a Gaze-Contingent Display Framework Designed for Perceptual and Oculomotor Research with Simulated Central Vision Loss

    Published on: April 11, 2025

    323
    A Modified Lean and Release Technique to Emphasize Response Inhibition and Action Selection in Reactive Balance
    07:19

    A Modified Lean and Release Technique to Emphasize Response Inhibition and Action Selection in Reactive Balance

    Published on: March 19, 2020

    5.9K
    Using Rapid Serial Visual Presentation to Measure Set-Specific Capture, a Consequence of Distraction While Multitasking
    05:58

    Using Rapid Serial Visual Presentation to Measure Set-Specific Capture, a Consequence of Distraction While Multitasking

    Published on: August 29, 2018

    8.9K

    Area of Science:

    • Computer Science
    • Information Visualization
    • Human-Computer Interaction

    Background:

    • Responsive visualizations traditionally use static breakpoints, which are pre-defined screen widths.
    • Static breakpoints fail to adapt to changes in visualized datasets or visualization parameters, necessitating manual updates.
    • This limitation hinders optimal readability and space efficiency across diverse data and display contexts.

    Purpose of the Study:

    • Introduce constraint-based breakpoints as a novel technique for designing adaptive visualizations.
    • Enable visualizations to automatically adjust to various screen sizes and datasets without manual intervention.
    • Provide a framework to guide designers in creating and configuring constraint-based responsive visualizations.

    Main Methods:

    • Developed constraint-based breakpoints that evaluate visualization-specific constraints (element size, overlap, aspect ratio).
    • Created a framework to assist designers in defining multiple visualization designs and their associated constraints.
    • Applied the technique to diverse data types including geographic, network, and multivariate data with various visualization examples.

    Main Results:

    • Constraint-based breakpoints enable visualizations to dynamically adapt to different screen sizes and datasets.
    • Demonstrated the technique's effectiveness across multiple visualization types such as choropleth maps, node-link diagrams, and scatterplots.
    • The approach ensures consistent readability and efficient space utilization regardless of screen dimensions or data characteristics.

    Conclusions:

    • Constraint-based breakpoints provide a robust and automated solution for responsive visualization design.
    • This method overcomes the limitations of static breakpoints, offering greater flexibility and adaptability.
    • The framework supports the creation of universally responsive visualizations for a wide range of applications.