{"id":735133,"date":"2021-06-08T10:28:02","date_gmt":"2021-06-08T17:28:02","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/research\/?post_type=msr-project&#038;p=735133"},"modified":"2021-10-22T15:00:16","modified_gmt":"2021-10-22T22:00:16","slug":"datamations","status":"publish","type":"msr-project","link":"https:\/\/www.microsoft.com\/en-us\/research\/project\/datamations\/","title":{"rendered":"Datamations"},"content":{"rendered":"<section class=\"mb-3 moray-highlight\">\n\t<div class=\"card-img-overlay mx-lg-0\">\n\t\t<div class=\"card-background  has-background-catalina-blue card-background--inset-right\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"788\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788.png\" class=\"attachment-full size-full\" alt=\"Datamations icons: data + code + animation\" style=\"\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788.png 1400w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-300x169.png 300w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-1024x576.png 1024w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-768x432.png 768w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-16x9.png 16w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-1066x600.png 1066w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-655x368.png 655w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-343x193.png 343w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-640x360.png 640w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-960x540.png 960w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/Datamations-icons_header_1400x788-1280x720.png 1280w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/>\t\t<\/div>\n\t\t<!-- Foreground -->\n\t\t<div class=\"card-foreground d-flex mt-md-n5 my-lg-5 px-g px-lg-0\">\n\t\t\t<!-- Container -->\n\t\t\t<div class=\"container d-flex mt-md-n5 my-lg-5 align-self-center\">\n\t\t\t\t<!-- Card wrapper -->\n\t\t\t\t<div class=\"w-100 w-lg-col-5\">\n\t\t\t\t\t<!-- Card -->\n\t\t\t\t\t<div class=\"card material-md-card py-5 px-md-5\">\n\t\t\t\t\t\t<div class=\"card-body \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n<h1 id=\"datamations\" class=\"h2\">Datamations<\/h1>\n\n\n\n<p>Animated explanations of data<\/p>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n\n<h3 id=\"wait-what-are-we-looking-at-here\">\u201cWait, what are we looking at here?\u201d<\/h3>\n\n\n\n<p>We all know the situation. We&#8217;re in a meeting, someone projects a graph, and starts excitedly talking about it. The audience is confused. They can&#8217;t see how the graph supports what the person is saying. Even worse, they can&#8217;t even figure out what the graph <strong>is supposed<\/strong> to be showing. If you were to poll the audience, you&#8217;d get as many interpretations as attendees.<\/p>\n\n\n\n<h3 id=\"why-is-this\">Why is this?<\/h3>\n\n\n\n<p>The person who made the graph suffers from what behavioral scientists call <em>the curse of knowledge<\/em>. Because they know the story of how the graph was made, they can&#8217;t appreciate how it looks to someone who doesn&#8217;t.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"957\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/06\/datamations-animation_large.gif\" alt=\"Datamations animation\" class=\"wp-image-752131\"\/><\/figure><\/div>\n\n\n\n<h3 id=\"what-can-we-do-about-it\">What can we do about it?<\/h3>\n\n\n\n<p><strong>Tell a story<\/strong> of how the graph came to be. Datamations are powerful animations that show the story of how data are sliced, sifted, and transformed on their way to the final visualization. Datamations help readers by showing each step of the process in an easy-to-understand visual format. Our published research shows that Datamations not only help people understand plots and tables, and also that people prefer seeing Datamations more than figures alone. We\u2019re also creating a <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" href=\"https:\/\/github.com\/microsoft\/datamations\" target=\"_blank\" rel=\"noopener noreferrer\">Datamations library<span class=\"sr-only\"> (opens in new tab)<\/span><\/a> to make it easy for analysts who create plots and tables to automatically animate them.<\/p>\n\n\n\n<p><strong>The process is simple<\/strong>: just give our library the code that created a plot or table, and you get back an animation you can show readers that explains that code. Check out the Datamations library and contribute.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill-github\"><a data-bi-type=\"button\" class=\"wp-block-button__link\" href=\"https:\/\/github.com\/microsoft\/datamations\" target=\"_blank\" rel=\"noreferrer noopener\">Download Datamations library<\/a><\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Datamations are powerful animations that show the story of how data are sliced, sifted, and transformed on their way to the final visualization.<\/p>\n","protected":false},"featured_media":751981,"template":"","meta":{"msr-url-field":"","msr-podcast-episode":"","msrModifiedDate":"","msrModifiedDateEnabled":false,"ep_exclude_from_search":false,"_classifai_error":"","footnotes":""},"research-area":[13559],"msr-locale":[268875],"msr-impact-theme":[],"msr-pillar":[],"class_list":["post-735133","msr-project","type-msr-project","status-publish","has-post-thumbnail","hentry","msr-research-area-social-sciences","msr-locale-en_us","msr-archive-status-active"],"msr_project_start":"","related-publications":[734737],"related-downloads":[],"related-videos":[],"related-groups":[144903],"related-events":[],"related-opportunities":[],"related-posts":[],"related-articles":[],"tab-content":[],"slides":[],"related-researchers":[{"type":"user_nicename","display_name":"Dan Goldstein","user_id":31618,"people_section":"Section name 0","alias":"dgg"},{"type":"user_nicename","display_name":"Jake Hofman","user_id":32340,"people_section":"Section name 0","alias":"jmh"},{"type":"user_nicename","display_name":"Rafah Hosn","user_id":36783,"people_section":"Section name 0","alias":"raaboulh"}],"msr_research_lab":[199571],"msr_impact_theme":[],"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/735133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/types\/msr-project"}],"version-history":[{"count":15,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/735133\/revisions"}],"predecessor-version":[{"id":787597,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/735133\/revisions\/787597"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media\/751981"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media?parent=735133"}],"wp:term":[{"taxonomy":"msr-research-area","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/research-area?post=735133"},{"taxonomy":"msr-locale","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-locale?post=735133"},{"taxonomy":"msr-impact-theme","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-impact-theme?post=735133"},{"taxonomy":"msr-pillar","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-pillar?post=735133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}