Semantic zoom
The transform object and its scale() and transform() methods generate ready-to-use SVG transform strings and are great for geometric zooming, which basically increases or reduces the size of the graphical elements. But many times users expect more than just scaling when zooming in and out. When you apply an SVG transform to a shape, it affects not only its size, but also the size of its descendant elements, font sizes, and stroke widths. When zooming into a scatter plot, one-pixel dots suddenly become large circles. In a map, thin country borders can become thick rectangles.
Semantic zoom assigns meaning to each zoom level. If the data that is displayed changes when you zoom in and out, you have semantic zooming. It may be as ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access