• Home
  • Search
  • Constraint-Based Breakpoints for Responsive Visualization Design and Development.
  • Cite Icon4
  • https://doi.org/10.1109/tvcg.2024.3410097Copy DOI Icon

Constraint-Based Breakpoints for Responsive Visualization Design and Development.

Show More
  • Abstract
  • Literature Map
  • References
  • Citations
  • Similar Papers
Abstract

This article introduces constraint-based breakpoints, a technique for designing responsive visualizations for a wide variety of screen sizes and datasets. Breakpoints in responsive visualization define when different visualization designs are shown. Conventionally, breakpoints are static, pre-defined widths, and as such do not account for changes to the visualized dataset or visualization parameters. To guarantee readability and efficient use of space across datasets, these static breakpoints would require manual updates. Constraint-based breakpoints solve this by evaluating visualization-specific constraints on the size of visual elements, overlapping elements, and the aspect ratio of the visualization and available space. Once configured, a responsive visualization with constraint-based breakpoints can adapt to different screen sizes for any dataset. We describe a framework that guides designers in creating a stack of visualization designs for different display sizes and defining constraints for each of these designs. We demonstrate constraint-based breakpoints for different data types and their visualizations: geographic data (choropleth map, proportional circle map, Dorling cartogram, hexagonal grid map, bar chart, waffle chart), network data (node-link diagram, adjacency matrix, arc diagram), and multivariate data (scatterplot, heatmap).

Similar Papers
  • Research Article
  • Citations13

Choropleth Mapping with Uncertainty: A Maximum Likelihood–Based Classification Scheme

  • Mar 26, 2019
  • Annals of the American Association of Geographers
  • Wangshu Mu +1
  • Book Chapter

Beyond the Node-Link Diagram

  • Nov 20, 2023
  • Benjamin Bach +1
  • Research Article
  • Citations1

Использование матриц смежности для визуализации больших графов

  • Jan 01, 2019
  • Russian Digital Libraries Journal
  • Z V Apanovich
  • Research Article
  • Citations95

Sketchy Rendering for Information Visualization.

  • Dec 01, 2012
  • IEEE Transactions on Visualization and Computer Graphics
  • Jo Wood +5
  • Conference Article
  • Citations7

Isoline-Enhanced Dynamic Graph Visualization

  • Jul 01, 2016
  • Michael Burch
  • Research Article
  • Citations35

ColorMapND: A Data-Driven Approach and Tool for Mapping Multivariate Data to Color.

  • Feb 26, 2018
  • IEEE Transactions on Visualization and Computer Graphics
  • Shenghui Cheng +2
  • Research Article
  • Citations9

Exploring the Design Space of BioFabric Visualization for Multivariate Network Analysis

  • Jun 01, 2024
  • Computer Graphics Forum
  • J Fuchs +4
  • Conference Article

Accelerating mobile web browsing with screen scrolling

  • Jun 01, 2017
  • Lei Zhang +3
  • Research Article
  • Citations221

Correlated network data publication via differential privacy

  • Nov 15, 2013
  • The VLDB Journal
  • Rui Chen +3
  • Conference Article
  • Citations2

Visualisation hybride des liens hiérarchiques incorporant des treemaps dans une matrice d'adjacence

  • Oct 13, 2009
  • Sébastien Rufiange +2
  • PDF
  • Research Article

Retro-atlases II: a new edition of the first Statistical Atlas of Switzerland (1897)

  • Jul 15, 2019
  • Abstracts of the ICA
  • Olaf König
  • Conference Article
  • Citations1

The processing and application of the urban geographical basic data

  • Jun 01, 2011
  • Shuming Nie
  • Research Article

Cartographers in Cubicles: How Training and Preferences of Mapmakers Interplay with Structures and Norms in Not-for-Profit Organizations

  • Oct 16, 2025
  • Proceedings of the ACM on Human-Computer Interaction
  • Arpit Narechania +2
  • Research Article
  • Citations6

MapColorAI: designing contextually relevant choropleth map color schemes using a large language model

  • Jul 24, 2025
  • Cartography and Geographic Information Science
  • Nai Yang +3
  • Book Chapter
  • Citations114

Differential Privacy Preserving Spectral Graph Analysis

  • Jan 01, 2013
  • Yue Wang +2
Cactus Communications logo

Copyright 2026 Cactus Communications. All rights reserved.