--- title: "Interact with SVG map Objects" slug: "interact-with-svg-map-objects" description: "Learn how Board Planners interact with SVG Maps: hover for tooltips, click shapes to drill or filter data, and analyze color-coded regions within Board Screens." tags: ["Objects", "Planner", "SVG map", "Screen Selection", "Master mode", "PDF", "Excel", "Object toolbar", "Maps", "Power User"] updated: 2026-03-16T14:24:44Z published: 2026-03-31T09:00:24Z canonical: "help.board.com/interact-with-svg-map-objects" stale: true --- > ## Documentation Index > Fetch the complete documentation index at: https://help.board.com/llms.txt > Use this file to discover all available pages before exploring further. # Interact with SVG map Objects The SVG map Object provides the following interactive features: - [Map popover](/v1/docs/interacting-with-svg-map-objects#map-popover) - [Pan, zoom, interactive selection](/v1/docs/interacting-with-svg-map-objects#pan-zoom-interactive-selection) - [Master](/v1/docs/interacting-with-svg-map-objects#master) - [Other features in the Object toolbar](/v1/docs/interacting-with-svg-map-objects#the-object-toolbar) > [!NOTE] > *Any changes made to the map using the functions listed above will be lost if you leave the Screen or update it.* ## Map popover When you hover over a map area, a map popover with values related to the Entity set By Row will appear. ![contents/assets/images/assets/images/popover-svg.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-3bj5dw3o.png) ## Pan, zoom, interactive selection Depending on the map configuration, you can perform specific actions. Available actions are: - **Pan**. You can navigate the map by clicking, holding the left mouse button and dragging the mouse in the direction you wish to pan the map. You can also move the map North, South, East, or West using the pan arrows in the lower right corner of the Object area (if enabled). - **Zoom**. You can zoom in or out the map using the mouse wheel. You can also do this using the plus and minus buttons in the lower right corner of the Object area (if enabled). - **Interactive selection**. To apply a selection on a map, select a set of Map areas or Bubbles in the map by holding the CTRL button and clicking on them, then click the Select icon ![contents/assets/images/select.window.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-qqdkvvp1.png) that will automatically appear in the [sliding toolbar](/v1/docs/interacting-with-svg-map-objects#the-contextual-menu-sliding-toolbar). The selection is applied as a [Screen selection](/v1/docs/about-the-select) and all other Objects on the Screen are updated accordingly. To reset the selection, click the reset button ![contents/assets/images/refresh.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-5f0avzz7.png) in the top left corner of the Object area. > [!TIP] > **Example of interactive selection** > > ![contents/assets/images/svg.select.gif](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-nk9616qs.png) ## Master If the SVG map has been configured as a Master Object, clicking on a data point (a Bubble or a Map area) will update the data displayed by all other Objects on the Screen in order to show only the data relating to the selected element. The Master Object result is similar to applying a [Screen selection](/v1/docs/about-the-select). By clicking on the "Disable master" icon ![contents/assets/images/pin.upward.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-iil56ltv.png) in the sliding toolbar, you can disable this option. Click on the "Enable master" icon ![contents/assets/images/unpin-16.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-qf94hyon.png) to re-enable it. ## The Object toolbar When you hover over the Object area, the Object toolbar icon ![contents/assets/images/contextual.menu.3dots.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-cef81dw9.png) appears in the top left corner. Click on it to reveal the Object toolbar as a sliding toolbar. You can fully expand it by clicking on the downward facing arrow on the right. ![contents/assets/images/svg.context.menu.gif](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-g0kg3r50.png) The Object toolbar includes the following icons by default (unless otherwise configured): - **The Layout icon** ![](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-z1kcqfr4.png). Opens the Layout editor. - **XLSX icon** ![contents/assets/images/export.excel.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-zhrp4kuo.png). Exports data in a MS Excel Worksheet as a flattened table. - **Export printable report to PDF** ![contents/assets/images/export.pdf.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-c7pb3zi3.png). Export the chart as as a [PDF file](/v1/docs/print-and-export-data-from-a-capsule). - **Export screenshot to .png** ![contents/assets/images/screenshot.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-9am28uqy.png). Takes a screenshot of the chart and saves it as a .png file. - **Comment icon** ![contents/assets/images/chat.bubble.png](https://cdn.document360.io/8d6f1ae8-0cac-4d0d-a208-6245b83df94a/Images/Documentation/interacting-with-svg-map-objects-image-sjrgsqde.png). Displays any comment attached to the chart (if any). Depending on the comment configuration, the icon displayed can be a balloon icon, a question mark icon or an alert icon.