{"id":860,"date":"2013-01-18T17:26:46","date_gmt":"2013-01-18T18:26:46","guid":{"rendered":"http:\/\/sites.uac.pt\/amendes\/?p=860"},"modified":"2013-01-18T17:26:46","modified_gmt":"2013-01-18T18:26:46","slug":"transitions-d3","status":"publish","type":"post","link":"https:\/\/sites.uac.pt\/amendes\/visualizacao\/transitions-d3\/","title":{"rendered":"Creating Animations and Transitions With D3"},"content":{"rendered":"<div id=\"attachment_861\" style=\"width: 233px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/blog.visual.ly\/creating-animations-and-transitions-with-d3-js\/\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-861\" class=\"size-full wp-image-861\" src=\"http:\/\/sites.uac.pt\/amendes\/files\/2013\/01\/xvisually_blog.png\" alt=\"Constru\u00e7\u00e3o de visualiza\u00e7\u00f5es de dados em java\" width=\"223\" height=\"39\" \/><\/a><p id=\"caption-attachment-861\" class=\"wp-caption-text\">Constru\u00e7\u00e3o de visualiza\u00e7\u00f5es de dados em java<\/p><\/div>\n<p>In interactive visualisation, there is the word reactive. Well, maybe not literally, but close enough.<\/p>\n<p>The fact is that reactivity, or the propension of a visualisation to  respond to user actions, can really help engage the user in a  visualisation, and help them understand its results. Both of which are  usually good things. How can this reactivity be achieved? Through  animations.<\/p>\n<p>So I\u2019ll go ahead and state that animation, if done right, can make any interactive data visualization better.<\/p>\n<p>How is that?<\/p>\n<ul>\n<li>When coupled with interaction, it\u2019s a very useful way to give  feedback to the user. What has changed since their last command? If  what\u2019s on screen animates from one state to another, it\u2019s obvious, it  stands out and it makes sense. Or, when showing any form of real-time  data, animation is pretty much required.<\/li>\n<li>Animation can bring focus on the important things as a chart loads.  Our vision is very sensitive to movement, so using these introduction  transitions sensibly helps a lot to ease the effort required to get the  right information off a chart.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In interactive visualisation, there is the word reactive. Well, maybe not literally, but close enough. The fact is that reactivity, or the propension of a visualisation to respond to user actions, can really help engage the user in a visualisation, and help them understand its results. Both of which are usually good things. How can [&hellip;]<\/p>\n","protected":false},"author":159,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[103,150,122,80],"tags":[74,153],"class_list":["post-860","post","type-post","status-publish","format-standard","hentry","category-data-mining","category-materiais-para-profissionais","category-sad-dss","category-visualizacao","tag-analise-de-dados","tag-desnvolvimento-de-software"],"_links":{"self":[{"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/posts\/860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/users\/159"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/comments?post=860"}],"version-history":[{"count":2,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/posts\/860\/revisions"}],"predecessor-version":[{"id":863,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/posts\/860\/revisions\/863"}],"wp:attachment":[{"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/media?parent=860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/categories?post=860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/tags?post=860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}