liveBook · Manning

Touch input

As explained in D3.js in Action, Third Edition

A touch interaction is a user-interface interaction performed through contact with a touch-sensitive display.

Touch input is interaction performed through contact with a touch-sensitive display. In visualizations, it requires more space than mouse interaction because fingers are larger than cursors. section 7.1.1 section 9.4

Design touch input in mobile visualizations by:

  • Making essential information directly visible or easy to access instead of relying heavily on tooltips. section 9.4
  • Allowing zooming and panning when users explore maps or network layouts. section 9.4
  • Providing enough room for comfortable touch targets and considering horizontal scrolling for wide charts. section 7.1.1 section 9.4

How D3.js in Action, Third Edition covers it

How deep it goes
Explains spacing, accessibility, and interaction choices but stops short of implementing touch-event handlers.
Examples
Uses mobile visualizations, maps, network layouts, wide charts, and tooltip alternatives as design examples.
What you can do after
Apply it via responsive visualization design with comfortable touch targets and directly accessible essential information.
How it connects
Connects touch input to responsive visualizations, mobile layouts, zooming, panning, horizontal scrolling, and tooltips.

Related concepts

This explainer was generated by Manning's knowledge graph from the text of D3.js in Action, Third Edition. The section links point to the parts of the book it draws on.