{"id":170841,"date":"2011-10-28T03:38:50","date_gmt":"2011-10-28T10:38:50","guid":{"rendered":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/project\/interactive-data-display\/"},"modified":"2019-02-27T04:41:12","modified_gmt":"2019-02-27T12:41:12","slug":"interactive-data-display","status":"publish","type":"msr-project","link":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/project\/interactive-data-display\/","title":{"rendered":"Interactive Data Display"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-content\/uploads\/2016\/02\/interactive-data-display-2.png\" alt=\"\" width=\"291\" height=\"201\" \/>Visualize your data over the web: add complex dynamic graphs and maps to your web application.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Interactive Data Display, also known as Dynamic Data Display, is available on multiple platforms.<\/p>\n<h2>HTML5<\/h2>\n<p>Interactive Data Display for JavaScript (IDD for short) is a set of controls for adding interactive visualization of dynamic data to your HTML5 application. It allows to create line graphs, bubble charts, heat maps and other complex 2D plots which are very common in scientific software. Interactive Data Display integrates well with Bing Maps control to show data on a geographic map in latitude\/longitude coordinates. The controls can also be operated programmatically.<\/p>\n<p><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"http:\/\/predictionmachines.github.io\/InteractiveDataDisplay\/\"><strong>Live samples of Interactive Data Display in action<\/strong><span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p>\n<p><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" href=\"https:\/\/github.com\/predictionmachines\/InteractiveDataDisplay\" target=\"_blank\"><strong>View\u00a0source code\u00a0on GitHub<\/strong><span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p>\n<h2>WPF<\/h2>\n<p>Interactive Data Display for WPF is a set of controls for adding interactive visualizations of dynamic data to your application. It allows to create line graphs, bubble charts, heat maps and other complex 2D plots which are very common in scientific software. Interactive Data Display for WPF integrates well with Bing Maps control to show data on a geographic map in latitude\/longitude coordinates. The controls can also be operated programmatically.<\/p>\n<p><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" href=\"https:\/\/github.com\/Microsoft\/InteractiveDataDisplay.WPF\" target=\"_blank\"><strong>View\u00a0source code\u00a0on GitHub<\/strong><span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p>\n<h2>Silverlight<\/h2>\n<p><a href=\"http:\/\/newed.any0.dpdns.org\/silverlight\/\">Microsoft Silverlight<\/a> is an attractive environment to run software tools for sciences in. It has full support for modern programming languages such as C# or F#, lightweight browser-based deployment, and it is supported on both Windows and Macs. What impedes even broader use of Silverlight in scientific research is the lack of reusable software components which are specifically designed for scientific applications.<\/p>\n<p>Dynamic Data Display closes this gap by adding interactive visualization of dynamic data to your Silverlight application. It contains a set of Silverlight controls for creating line graphs, bubble charts, heat maps and other complex 2D plots which are very common in scientific software. Dynamic Data Display integrates well with Bing Maps control to show data on a geographic map in latitude\/longitude coordinates. The controls are compatible with most popular development tools like Expression Blend and Visual Studio. They can also be operated programmatically.<\/p>\n<p><a href=\"#!downloads\"><b>Download Dynamic Data Display for Silverlight<\/b><\/a><\/p>\n<p>The downloadable package contains all you need to use Dynamic Data Display controls in your applications including API reference documentation and guidelines for extending the library.<\/p>\n<p>Dynamic Data Display for Silverlight was designed by Vassily Lyutsarev and Sergey Berezin with contributions from Dmitry Grechka, Eugene Nourminsky, Alexey Semenov, Nikita Skoblov and Natalia Stepanova.<\/p>\n<p>&nbsp;<\/p>\n<table style=\"height: 316px\" width=\"730\">\n<thead>\n<tr>\n<td style=\"text-align: center\"><b>Simple line graph<\/b><\/td>\n<td style=\"text-align: center\"><b>Bubble chart<\/b><\/td>\n<td style=\"text-align: center\"><b>Custom markers<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u00a0<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-content\/uploads\/2016\/02\/ddd-gallery1.jpg\" alt=\"\" \/><\/td>\n<td>\u00a0<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-content\/uploads\/2016\/02\/ddd-gallery2.jpg\" alt=\"\" \/><\/td>\n<td>\u00a0<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-content\/uploads\/2016\/02\/ddd-gallery3.jpg\" alt=\"\" \/><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-size: small\">Adding a simple graph to your program requires as little as four lines of code in total.<\/span><\/td>\n<td><span style=\"font-size: small\">Marker graph is a very flexible chart type. Note that both &#8216;colour&#8217; and &#8216;size&#8217; properties of a marker are bound to data.<\/span><\/td>\n<td><span style=\"font-size: small\">Instead of standard rectangles and circles you may use a drawing of any complexity.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-size: small\">\u00a0<\/span><\/td>\n<td><span style=\"font-size: small\">\u00a0<\/span><\/td>\n<td><span style=\"font-size: small\">\u00a0<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center\"><b>Composite graph<\/b><\/td>\n<td style=\"text-align: center\"><b>Mapping geo-data<\/b><\/td>\n<td style=\"text-align: center\"><b>Heat map<\/b><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-size: small\">\u00a0<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-content\/uploads\/2016\/02\/ddd-gallery4.jpg\" alt=\"\" \/><\/span><\/td>\n<td><span style=\"font-size: small\">\u00a0<img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-content\/uploads\/2016\/02\/ddd-gallery5.jpg\" alt=\"\" \/><\/span><\/td>\n<td><span style=\"font-size: small\">\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-content\/uploads\/2016\/02\/ddd-gallery6.jpg\" alt=\"\" width=\"159\" height=\"126\" \/><\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-size: small\">\u00a0This picture is a composition of 3 <span style=\"font-size: small\">individual plots: a line graph, a standard marker graph that adds<br \/>\npoints on the line and a customized marker graph to draw error bars.<\/span><\/span><\/td>\n<td><span style=\"font-size: small\">\u00a0Lines and markers can easily be placed on a standard Bing map.<\/span><\/td>\n<td><span style=\"font-size: small\">\u00a0Heat maps can use any palette of user choice.<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visualize your data over the web: add complex dynamic graphs and maps to your web application. &nbsp; &nbsp; &nbsp; &nbsp; Interactive Data Display, also known as Dynamic Data Display, is available on multiple platforms. HTML5 Interactive Data Display for JavaScript (IDD for short) is a set of controls for adding interactive visualization of dynamic data [&hellip;]<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"msr-url-field":"","msr-podcast-episode":"","msrModifiedDate":"","msrModifiedDateEnabled":false,"ep_exclude_from_search":false,"_classifai_error":"","footnotes":""},"research-area":[13546],"msr-locale":[268875],"msr-impact-theme":[],"msr-pillar":[],"class_list":["post-170841","msr-project","type-msr-project","status-publish","hentry","msr-research-area-computational-sciences-mathematics","msr-locale-en_us","msr-archive-status-active"],"msr_project_start":"2011-10-28","related-publications":[164961],"related-downloads":[],"related-videos":[],"related-groups":[],"related-events":[],"related-opportunities":[],"related-posts":[],"related-articles":[],"tab-content":[],"slides":[],"related-researchers":[{"type":"user_nicename","display_name":"Vassily Lyutsarev","user_id":34498,"people_section":"Group 1","alias":"vassilyl"},{"type":"guest","display_name":"Sergey Berezin","user_id":386504,"people_section":"Group 1","alias":""},{"type":"guest","display_name":"Dmitry Voytsekhovskiy","user_id":386507,"people_section":"Group 1","alias":""},{"type":"guest","display_name":"Elena Pochernina","user_id":431799,"people_section":"Group 1","alias":""}],"msr_research_lab":[],"msr_impact_theme":[],"_links":{"self":[{"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/170841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/msr-project"}],"about":[{"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/types\/msr-project"}],"version-history":[{"count":4,"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/170841\/revisions"}],"predecessor-version":[{"id":570063,"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/170841\/revisions\/570063"}],"wp:attachment":[{"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/media?parent=170841"}],"wp:term":[{"taxonomy":"msr-research-area","embeddable":true,"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/research-area?post=170841"},{"taxonomy":"msr-locale","embeddable":true,"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/msr-locale?post=170841"},{"taxonomy":"msr-impact-theme","embeddable":true,"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/msr-impact-theme?post=170841"},{"taxonomy":"msr-pillar","embeddable":true,"href":"https:\/\/newed.any0.dpdns.org\/en-us\/research\/wp-json\/wp\/v2\/msr-pillar?post=170841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}