![\"\"](\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/Screen-Shot-2018-09-12-at-1.50.02-PM.png?resize=840%2C348\")
<\/span><\/strong><\/a><\/p>\n<\/p>\n
Introduction: <\/span><\/strong><\/p>\n Chord diagram is a relatively new form of information visualizations. It is a type of diagram that visualizes the inter-relationships between entities. The connections between entities are used to display that they share something in common. This makes Chord Diagrams ideal for comparing the similarities within a dataset or between different groups of data. <\/span><\/p>\n Nodes are arranged along a circle, with the relationships between points connected to each other either through the use of arcs or curves. Values are assigned to each connection, which is represented proportionally by the size of each arc. Color can be used to group the data into different categories, which aids in making comparisons and distinguishing groups. The issue with Chord Diagrams could be over-cluttering when there are too many connections displayed. <\/span><\/p>\n Initially it was mainly designed for displaying genomic data, now it can be used to visualize customer flow in the auto industry, volume of courier shipments, database schemas, and presidential debates.<\/span><\/p>\n <\/p>\n Material:<\/span><\/strong><\/p>\n <\/p>\n References:<\/span><\/strong><\/p>\n <\/p>\n Methods:<\/span><\/strong><\/p>\n The research was the most challenging and satisfying part. After deciding the topic on the chord diagrams, the first thing I did was to Google \u201cchord diagram\u201d. It is a relatively new form of visualization, thus there\u2019s not much information about it. So my digging started with its Wikipedia page. Two events were mentioned, one of which was an article published on New York Times in 2007. By reading that article I found out the scientist named\u00a0<\/span>Martin Krzywinski was the one\u00a0<\/span>who created the chord diagram. From there, he led me to more information I needed. <\/span><\/p>\n Making the timeline by using TimelineJS and Google Sheets was smooth. Instructions were given clearly on the TimelineJS website. <\/span><\/p>\n <\/p>\n Results & Interpretation:<\/span><\/strong><\/p>\n Chord diagram is a very informative and aesthetic way to visualize the inter-relationships between entities, but meanwhile it could be a little overwhelming\u00a0 to comprehend. I think chord diagram is more of a \u201cpicky\u201d diagram that is meant for a more complex dataset, and that requires more professional effort and a more sophisticated audience.<\/span><\/p>\n <\/p>\n Reflection & Future Direction:<\/span><\/strong><\/p>\n I think chord diagram is a great example of how art and info graphic can be combined and benefit each other. I\u2019m also really impressed by how information visualization can become an interactive project to engage the local community. I’m hoping to learn more about this diagram and how it will be further used in various fields.<\/span><\/p>\n <\/p>\n Introduction: Chord diagram is a relatively new form of information visualizations. It is a type of diagram that visualizes the inter-relationships between entities. The connections between entities are used to display that they share something in common. This makes Chord Diagrams ideal for comparing the similarities within a dataset or between different groups…<\/p>\n","protected":false},"author":519,"featured_media":10541,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[149,339],"tags":[],"coauthors":[338],"class_list":["post-10538","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-timelines"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/links-pi_1.png?fit=1000%2C1000&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-2JY","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/10538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/519"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=10538"}],"version-history":[{"count":6,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/10538\/revisions"}],"predecessor-version":[{"id":10560,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/10538\/revisions\/10560"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/10541"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=10538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=10538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=10538"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=10538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/links-pi_1.png?resize=840%2C840\")
Pi Art by\u00a0Martin Krzywinski<\/span><\/h6>\n\n
\n
\n
Note: The time of the non-ribbon chord diagram was made up. Because I couldn’t really find when it was first used and also I needed that slide to be shown after the “Pi Art” slide.<\/h5>\n","protected":false},"excerpt":{"rendered":"