{"id":2829,"date":"2011-06-03T12:57:28","date_gmt":"2011-06-03T12:57:28","guid":{"rendered":"https:\/\/blogs.mathworks.com\/pick\/2011\/06\/03\/interactive-data-navigation-pane-widget\/"},"modified":"2011-06-03T12:57:28","modified_gmt":"2011-06-03T12:57:28","slug":"interactive-data-navigation-pane-widget","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/pick\/2011\/06\/03\/interactive-data-navigation-pane-widget\/","title":{"rendered":"Interactive Data Navigation Pane Widget"},"content":{"rendered":"<div xmlns:mwsh=\"https:\/\/www.mathworks.com\/namespace\/mcode\/v1\/syntaxhighlight.dtd\" class=\"content\">\r\n   <p><a href=\"https:\/\/www.mathworks.com\/matlabcentral\/fileexchange\/authors\/15007\">Jiro<\/a>'s pick this week is <a href=\"https:\/\/www.mathworks.com\/matlabcentral\/fileexchange\/23423-interactive-data-navigation-pane-widget\">Interactive Data Navigation Pane Widget<\/a> by <a href=\"https:\/\/www.mathworks.com\/matlabcentral\/fileexchange\/authors\/23501\">Thomas Montagnon<\/a>.\r\n   <\/p>\r\n   <p>I often get asked about clever ways of viewing and exploring large data sets. It's great to be able to perform computations\r\n      on large data sets, but visualizing them gives you a richer experience. MATLAB figures already have a few built-in exploration\r\n      tools, such as <a href=\"https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/creating_plots\/f4-44425.html\">zoom<\/a>, <a href=\"https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/creating_plots\/f4-44519.html\">pan<\/a>, and <a href=\"https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/creating_plots\/f4-44601.html\">rotate<\/a>, but one of the things that you lose is the context relative to the whole data set, especially with large data sets. When\r\n      you're zoomed in, you don't have a sense of where the data may be in the overall scale.\r\n   <\/p>\r\n   <p>With Thomas's widget, you can explore the data by interactively changing the range of interest. The tool is built using <a href=\"https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/matlab_oop\/ug_intropage.html\">MATLAB Classes<\/a> and is fully customizable, with the ability to add callbacks to the interactions.\r\n   <\/p>\r\n   <p>Below is a modification of the example program that he includes with his entry. The widget is the draggable axes on the bottom.\r\n      The rest of the GUI are standard <a href=\"https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/ref\/axes.html\"><tt>axes<\/tt><\/a> and <a href=\"https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/ref\/uicontrol.html\"><tt>uicontrols<\/tt><\/a>. I added a call to <a href=\"https:\/\/www.mathworks.com\/help\/releases\/R2011a\/toolbox\/signal\/findpeaks.html\"><tt>findpeaks<\/tt><\/a> (from <a href=\"https:\/\/www.mathworks.com\/products\/signal\/\">Signal Processing Toolbox<\/a>) to continuously show some of the peaks. Notice that the number of peaks displayed changes as I zoom in and out of the data.\r\n   <\/p>\r\n   <p><img decoding=\"async\" vspace=\"5\" hspace=\"5\" src=\"https:\/\/blogs.mathworks.com\/images\/pick\/jiro\/potw_datanavigation\/DataNavigationDemo.gif\"> <\/p>\r\n   <p><b>Comments<\/b><\/p>\r\n   <p>Let us know what you think <a href=\"https:\/\/blogs.mathworks.com\/pick\/?p=2829#respond\">here<\/a> or leave a <a href=\"https:\/\/www.mathworks.com\/matlabcentral\/fileexchange\/23423-interactive-data-navigation-pane-widget#comments\">comment<\/a> for Thomas.\r\n   <\/p><script language=\"JavaScript\">\r\n<!--\r\n\r\n    function grabCode_30f4b5c571f74b2ba9d612a2a08fa209() {\r\n        \/\/ Remember the title so we can use it in the new page\r\n        title = document.title;\r\n\r\n        \/\/ Break up these strings so that their presence\r\n        \/\/ in the Javascript doesn't mess up the search for\r\n        \/\/ the MATLAB code.\r\n        t1='30f4b5c571f74b2ba9d612a2a08fa209 ' + '##### ' + 'SOURCE BEGIN' + ' #####';\r\n        t2='##### ' + 'SOURCE END' + ' #####' + ' 30f4b5c571f74b2ba9d612a2a08fa209';\r\n    \r\n        b=document.getElementsByTagName('body')[0];\r\n        i1=b.innerHTML.indexOf(t1)+t1.length;\r\n        i2=b.innerHTML.indexOf(t2);\r\n \r\n        code_string = b.innerHTML.substring(i1, i2);\r\n        code_string = code_string.replace(\/REPLACE_WITH_DASH_DASH\/g,'--');\r\n\r\n        \/\/ Use \/x3C\/g instead of the less-than character to avoid errors \r\n        \/\/ in the XML parser.\r\n        \/\/ Use '\\x26#60;' instead of '<' so that the XML parser\r\n        \/\/ doesn't go ahead and substitute the less-than character. \r\n        code_string = code_string.replace(\/\\x3C\/g, '\\x26#60;');\r\n\r\n        author = 'Jiro Doke';\r\n        copyright = 'Copyright 2011 The MathWorks, Inc.';\r\n\r\n        w = window.open();\r\n        d = w.document;\r\n        d.write('<pre>\\n');\r\n        d.write(code_string);\r\n\r\n        \/\/ Add author and copyright lines at the bottom if specified.\r\n        if ((author.length > 0) || (copyright.length > 0)) {\r\n            d.writeln('');\r\n            d.writeln('%%');\r\n            if (author.length > 0) {\r\n                d.writeln('% _' + author + '_');\r\n            }\r\n            if (copyright.length > 0) {\r\n                d.writeln('% _' + copyright + '_');\r\n            }\r\n        }\r\n\r\n        d.write('<\/pre>\\n');\r\n      \r\n      d.title = title + ' (MATLAB code)';\r\n      d.close();\r\n      }   \r\n      \r\n-->\r\n<\/script><p style=\"text-align: right; font-size: xx-small; font-weight:lighter;   font-style: italic; color: gray\"><br><a href=\"javascript:grabCode_30f4b5c571f74b2ba9d612a2a08fa209()\"><span style=\"font-size: x-small;        font-style: italic;\">Get \r\n            the MATLAB code \r\n            <noscript>(requires JavaScript)<\/noscript><\/span><\/a><br><br>\r\n      Published with MATLAB&reg; 7.12<br><\/p>\r\n<\/div>\r\n<!--\r\n30f4b5c571f74b2ba9d612a2a08fa209 ##### SOURCE BEGIN #####\r\n%%\r\n% <https:\/\/www.mathworks.com\/matlabcentral\/fileexchange\/authors\/15007\r\n% Jiro>'s pick this week is\r\n% <https:\/\/www.mathworks.com\/matlabcentral\/fileexchange\/23423-interactive-data-navigation-pane-widget\r\n% Interactive Data Navigation Pane Widget> by\r\n% <https:\/\/www.mathworks.com\/matlabcentral\/fileexchange\/authors\/23501 Thomas\r\n% Montagnon>.\r\n%\r\n% I often get asked about clever ways of viewing and exploring large data\r\n% sets. It's great to be able to perform computations on large data sets,\r\n% but visualizing them gives you a richer experience. MATLAB figures\r\n% already have a few built-in exploration tools, such as\r\n% <https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/creating_plots\/f4-44425.html\r\n% zoom>,\r\n% <https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/creating_plots\/f4-44519.html pan>,\r\n% and <https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/creating_plots\/f4-44601.html\r\n% rotate>, but one of the things that you lose is the context relative to\r\n% the whole data set, especially with large data sets. When you're zoomed\r\n% in, you don't have a sense of where the data may be in the overall scale.\r\n%\r\n% With Thomas's widget, you can explore the data by interactively changing\r\n% the range of interest. The tool is built using\r\n% <https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/matlab_oop\/ug_intropage.html\r\n% MATLAB Classes> and is fully customizable, with the ability to add\r\n% callbacks to the interactions.\r\n%\r\n% Below is a modification of the example program that he includes with his\r\n% entry. The widget is the draggable axes on the bottom. The rest of the\r\n% GUI are standard <https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/ref\/axes.html\r\n% |axes|> and <https:\/\/www.mathworks.com\/help\/releases\/R2011a\/techdoc\/\/ref\/uicontrol.html\r\n% |uicontrols|>. I added a call to\r\n% <https:\/\/www.mathworks.com\/help\/releases\/R2011a\/toolbox\/signal\/findpeaks.html |findpeaks|>\r\n% (from <https:\/\/www.mathworks.com\/products\/signal\/ Signal Processing\r\n% Toolbox>) to continuously show some of the peaks. Notice that the number\r\n% of peaks displayed changes as I zoom in and out of the data.\r\n%\r\n% <<DataNavigationDemo.gif>>\r\n%\r\n% *Comments*\r\n%\r\n% Let us know what you think\r\n% <https:\/\/blogs.mathworks.com\/pick\/?p=2829#respond here> or leave a\r\n% <https:\/\/www.mathworks.com\/matlabcentral\/fileexchange\/23423-interactive-data-navigation-pane-widget#comments\r\n% comment> for Thomas.\r\n\r\n##### SOURCE END ##### 30f4b5c571f74b2ba9d612a2a08fa209\r\n-->","protected":false},"excerpt":{"rendered":"<p>\r\n   Jiro's pick this week is Interactive Data Navigation Pane Widget by Thomas Montagnon.\r\n   \r\n   I often get asked about clever ways of viewing and exploring large data sets. It's great to be able... <a class=\"read-more\" href=\"https:\/\/blogs.mathworks.com\/pick\/2011\/06\/03\/interactive-data-navigation-pane-widget\/\">read more >><\/a><\/p>","protected":false},"author":35,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,16],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/posts\/2829"}],"collection":[{"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/comments?post=2829"}],"version-history":[{"count":0,"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/posts\/2829\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/media?parent=2829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/categories?post=2829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/pick\/wp-json\/wp\/v2\/tags?post=2829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}