{"componentChunkName":"component---smooth-doc-smooth-doc-src-templates-doc-js","path":"/docs/viewer/overview-tool/","result":{"data":{"mdx":{"fields":{"pageType":"doc","title":"Overview Tool","editLink":""},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Overview Tool\",\n  \"description\": \"overview tool\",\n  \"order\": 16,\n  \"section\": \"Viewer\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"overview-tool\"\n  }, mdx(\"a\", {\n    parentName: \"h1\",\n    \"href\": \"#overview-tool\",\n    \"aria-label\": \"overview tool permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Overview Tool\"), mdx(\"br\", null), mdx(\"p\", null, \"The Image overview provides a thumbnail of the image and contains an embedded indicator for the region of the image currently shown on the Viewer. The overview tool also displays an overlaid heatmap of all the regions viewed by the logged-in user at various scale factors.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To maximize the overview tool \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/a3c7177144d34ef88ac229173b140192/viewer-overview-show.svg\",\n    \"alt\": \"Show\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Overview\"), \" button at the bottom right of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/a3c7177144d34ef88ac229173b140192/viewer-overview-show.svg\",\n    \"alt\": \"Show\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Overview\"), \" button\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To minimize the overview tool \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"li\",\n    \"src\": \"/flow/manual/latest/bbe5c03299f3ac09f304cd214f2041f6/viewer-overview-hide.svg\",\n    \"alt\": \"Hide\"\n  }), \" button to the top left of the overview tool\"))), mdx(\"h3\", {\n    \"id\": \"current-region\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#current-region\",\n    \"aria-label\": \"current region permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Current Region\"), mdx(\"p\", null, \"The current region that is being displayed in the viewport is represented by the green rectangle on the image overview panel. You can also click on the overview to move the viewport to that location.\"), mdx(\"h2\", {\n    \"id\": \"heatmap\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#heatmap\",\n    \"aria-label\": \"heatmap permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Heatmap\"), mdx(\"p\", null, \"The heatmap automatically tracks all the regions viewed by the logged-in user. The resolution of the heatmap is limited to the resolution of the thumbnail image used in the overview tool.\"), mdx(\"p\", null, \"The color retained by the heatmap in a given area is the highest magnification viewed at the location. The colors of the map represent the scale at which different regions have been viewed:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Blue \\u2265 10%\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Yellow \\u2265 20%\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Purple \\u2265 40%\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Light blue \\u2265 60%\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Green \\u2265 80%\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Red \\u2265 98%\")), mdx(\"details\", null, mdx(\"summary\", null, \" To toggle the visibility of the heatmap \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the image to reveal the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/a3c7177144d34ef88ac229173b140192/viewer-overview-show.svg\",\n    \"alt\": \"Show\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Overview\"), \" button at the bottom right of the panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/a3c7177144d34ef88ac229173b140192/viewer-overview-show.svg\",\n    \"alt\": \"Show\"\n  }), \" \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Overview\"), \" button\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/8dc48c51e58c6aec37c932fb6a08fa51/viewer-overview-globe.svg\",\n    \"alt\": \"Overview\"\n  }), \" button to the top left of the overview tool\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To reset the heatmap \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Hover or click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/flow/manual/latest/95c68d2eacea660da528a6d8d4489fe3/viewer-nav-help.svg\",\n    \"alt\": \"Help\"\n  }), \" button in the left sidebar to open the Help panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Scroll down to the end of the panel and click on \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Clear Heatmap\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"OK\"), \" button to confirm selection\")))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#overview-tool","title":"Overview Tool","items":[{"items":[{"url":"#current-region","title":"Current Region"}]},{"url":"#heatmap","title":"Heatmap"}]}]}}},"pageContext":{"id":"f580b6e2-d1dd-5a28-8fd4-a8c25e4b41b0"}},"staticQueryHashes":["1086510573","1106176283","1122327541","2140385554","2719290676","3597609067","4027383558"]}