{"id":13122,"date":"2022-10-11T09:00:00","date_gmt":"2022-10-11T13:00:00","guid":{"rendered":"https:\/\/dvsnightingstg.wpenginepowered.com\/?p=13122"},"modified":"2022-10-12T10:07:50","modified_gmt":"2022-10-12T14:07:50","slug":"spotlight-animated-sports-results","status":"publish","type":"post","link":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/","title":{"rendered":"SPOTLIGHT: Animated Sports Results"},"content":{"rendered":"\n

This article is a summary of the animated data visualizations I’ve created for UEFA Euros 2020, Copa America, Tokyo 2020 Summer Olympics (fencing, swimming), 19th FINA World Championships Budapest 2022 (swimming), Beijing 2022 Winter Olympics (ice hockey), Handball World Championship 2021, Roland Garros and Wimbledon 2022 (tennis).<\/p>\n\n\n\n

Fencing, handball, and soccer results by using the same chart type<\/h2>\n\n\n\n


\"\"<\/p>\n\n\n\n

This “timeline triangles” visualization (thanks for the name, Neil Richards!) gives a recap of the match and shows the order in which teams scored. This works for several sport disciplines when teams or individuals win by scoring goals or points. When I used this chart type for different sport events, I always added small modifications to make sure it works with the actual sport discipline.<\/p>\n\n\n\n

Handball<\/strong> \u2013 A team can score 20-30 goals in a match and the two halves can look very different. I divided the chart by half time and the Norwegian team helped showing the strength of this chart type by turning around this gold medal match in the second half.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n

Ice Hockey<\/strong> \u2013 Sometimes one team is winning the match easily, crushing the other team. As the losing team is falling behind, you can observe that only one side of the visualization is building up, highlighting the difference clearly.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n

Fortunately, most matches are not so one-sided and the losing party can even make a come back after falling behind by many points. The slope shows which team is currently winning and by how much.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Soccer<\/strong> animations will always seem quite simple compared to a handball match because of the low number of goals (0-3 goals per team is pretty common).<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Penalties<\/strong> – When teams score the same number of goals during the match, penalties (soccer) or shootouts (hockey) can happen. I added triangles on the sides to represent these penalty scores. A penalty can be a score or a miss, so basically, it’s a binary true\/false value. Since 0-0 is not a rare result in soccer, the penalty triangles create can big unused gap showing the missing goals. See the third image for an example of this case.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Fencing<\/strong> \u2013 In most sports teams can’t score in the exact same second. There is always a clear order who scored first. Fencing is an exception to that rule, as the two opponents can hit one another at the same moment in which case both get a point at the same time in the animation as well.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Swimming<\/h2>\n\n\n\n

During a swimming event athletes swim three times: a heat round, a semifinal, and a final if they are in the top eight.

It’s also less important how the other athletes are doing in the pool; athletes are rather competing against themselves and want to swim their best time. So one athlete could have up to three swim results per event and it helps to compare all these results (heat, semifinal, final) in the same animation.

The dataset contained only the split times, but I did add a little easing, since I wanted the dots to be a little faster as if they would “push” themselves from the side of the pool.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n
<\/div>\n\n\n\n

For some swimming events there are no semifinals. The final happens after the heats. 800m Freestyle is one example for this.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Tennis<\/h2>\n\n\n\n

Tennis scoring is very complicated, it’s also difficult to visualize all details that goes into a set.

This visualization focuses on the sets and break (on the top) and gives a quick glimpse into all points, rallies and lost break points that defines a match.

Roland Garros Final was an easy match for Rafael Nadal: straight sets and Ruud won only four service games during the match.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Wimbledon fourth round match between Goffin and Tiafoe shows a close and exciting match with a few break points, three tie-breaks, and five sets:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Swiatek won in straight sets in Roland Garros final and semifinal too, barely leaving any games for her opponents.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Full galleries<\/h3>\n\n\n\n

Soccer championships \u2013 UEFA Champions League<\/a><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n

<\/p>\n\n\n\n

Copa Am\u00e9rica \u2013 South American Football Championship<\/a><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n

<\/p>\n\n\n\n

Ice Hockey Olympics<\/a><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

References<\/h3>\n\n\n\n

“Timeline triangles” were inspired by Basketball Tower Charts<\/a> (Andrew Garcia Phillips, Chartball.com)

Swimming visualizations were inspired by Replay: Ledecky 800m Freestyle<\/a> created by nytimes.com.<\/p>\n

Categories<\/span>Community<\/a> Design<\/a> How To<\/a> Spotlight<\/a> Topics in Dataviz<\/a><\/div>
Tags<\/div>animation<\/a>Community<\/a>Data Visualization<\/a>Design<\/a>How To<\/a>sports<\/a>spotlight<\/a><\/div>","protected":false},"excerpt":{"rendered":"

This article is a summary of the animated data visualizations I’ve created for UEFA Euros 2020, Copa America, Tokyo 2020 Summer Olympics (fencing, swimming), 19th..<\/p>\n","protected":false},"author":177,"featured_media":13233,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","cybocfi_hide_featured_image":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[77,184,63,180,48],"tags":[497,135,35,43,141,111,254],"class_list":["post-13122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-community","category-design","category-how-to","category-spotlight-community","category-topics-in-dv","tag-animation","tag-community","tag-data-visualization","tag-design","tag-how-to","tag-sports","tag-spotlight"],"yoast_head":"\nSPOTLIGHT: Animated Sports Results | Nightingale<\/title>\n<meta name=\"description\" content=\""Timeline triangles" and dots that to be a little faster as if they would "push" themselves from the side of the pool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SPOTLIGHT: Animated Sports Results - Nightingale\" \/>\n<meta property=\"og:description\" content=\""Timeline triangles" and dots that to be a little faster as if they would "push" themselves from the side of the pool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/\" \/>\n<meta property=\"og:site_name\" content=\"Nightingale\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-11T13:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-12T14:07:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"2094\" \/>\n\t<meta property=\"og:image:height\" content=\"1396\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Krisztina Szucs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@szucsi\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Krisztina Szucs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/\"},\"author\":{\"name\":\"Krisztina Szucs\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/2b48f2515f7cce2cf2a5de4710e39600\"},\"headline\":\"SPOTLIGHT: Animated Sports Results\",\"datePublished\":\"2022-10-11T13:00:00+00:00\",\"dateModified\":\"2022-10-12T14:07:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/\"},\"wordCount\":706,\"publisher\":{\"@id\":\"https:\/\/nightingaledvs.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1\",\"keywords\":[\"animation\",\"Community\",\"Data Visualization\",\"Design\",\"How To\",\"sports\",\"spotlight\"],\"articleSection\":[\"Community\",\"Design\",\"How To\",\"Spotlight\",\"Topics in Dataviz\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/\",\"url\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/\",\"name\":\"SPOTLIGHT: Animated Sports Results - Nightingale\",\"isPartOf\":{\"@id\":\"https:\/\/nightingaledvs.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1\",\"datePublished\":\"2022-10-11T13:00:00+00:00\",\"dateModified\":\"2022-10-12T14:07:50+00:00\",\"description\":\"\\\"Timeline triangles\\\" and dots that to be a little faster as if they would \\\"push\\\" themselves from the side of the pool.\",\"breadcrumb\":{\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1\",\"width\":2094,\"height\":1396},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nightingaledvs.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SPOTLIGHT: Animated Sports Results\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nightingaledvs.com\/#website\",\"url\":\"https:\/\/nightingaledvs.com\/\",\"name\":\"Nightingale\",\"description\":\"The Journal of the Data Visualization Society\",\"publisher\":{\"@id\":\"https:\/\/nightingaledvs.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nightingaledvs.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nightingaledvs.com\/#organization\",\"name\":\"Nightingale\",\"url\":\"https:\/\/nightingaledvs.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/logoDVS-5.png?fit=1988%2C454&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/logoDVS-5.png?fit=1988%2C454&ssl=1\",\"width\":1988,\"height\":454,\"caption\":\"Nightingale\"},\"image\":{\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/2b48f2515f7cce2cf2a5de4710e39600\",\"name\":\"Krisztina Szucs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2022\/09\/krisztinaszucs_profile.jpg\",\"contentUrl\":\"https:\/\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2022\/09\/krisztinaszucs_profile.jpg\",\"caption\":\"Krisztina Szucs\"},\"description\":\"Krisztina is a Budapest-based Data Visualization Designer. Her background is in Graphic Design and she has been creating data visualizations since 2012. Her primary focus is data visualization but she also practices UI and UX design. She won an Information is Beautiful Award in 2019 for the experimental chart creator tool PlotParade.com.\",\"sameAs\":[\"https:\/\/krisztinaszucs.com\/\",\"https:\/\/x.com\/szucsi\"],\"url\":\"https:\/\/nightingaledvs.com\/author\/krisztina-szucs\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SPOTLIGHT: Animated Sports Results | Nightingale","description":"\"Timeline triangles\" and dots that to be a little faster as if they would \"push\" themselves from the side of the pool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/","og_locale":"en_US","og_type":"article","og_title":"SPOTLIGHT: Animated Sports Results - Nightingale","og_description":"\"Timeline triangles\" and dots that to be a little faster as if they would \"push\" themselves from the side of the pool.","og_url":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/","og_site_name":"Nightingale","article_published_time":"2022-10-11T13:00:00+00:00","article_modified_time":"2022-10-12T14:07:50+00:00","og_image":[{"width":2094,"height":1396,"url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1","type":"image\/png"}],"author":"Krisztina Szucs","twitter_card":"summary_large_image","twitter_creator":"@szucsi","twitter_misc":{"Written by":"Krisztina Szucs","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#article","isPartOf":{"@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/"},"author":{"name":"Krisztina Szucs","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/2b48f2515f7cce2cf2a5de4710e39600"},"headline":"SPOTLIGHT: Animated Sports Results","datePublished":"2022-10-11T13:00:00+00:00","dateModified":"2022-10-12T14:07:50+00:00","mainEntityOfPage":{"@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/"},"wordCount":706,"publisher":{"@id":"https:\/\/nightingaledvs.com\/#organization"},"image":{"@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1","keywords":["animation","Community","Data Visualization","Design","How To","sports","spotlight"],"articleSection":["Community","Design","How To","Spotlight","Topics in Dataviz"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/","url":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/","name":"SPOTLIGHT: Animated Sports Results - Nightingale","isPartOf":{"@id":"https:\/\/nightingaledvs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#primaryimage"},"image":{"@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1","datePublished":"2022-10-11T13:00:00+00:00","dateModified":"2022-10-12T14:07:50+00:00","description":"\"Timeline triangles\" and dots that to be a little faster as if they would \"push\" themselves from the side of the pool.","breadcrumb":{"@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#primaryimage","url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1","width":2094,"height":1396},{"@type":"BreadcrumbList","@id":"https:\/\/nightingaledvs.com\/spotlight-animated-sports-results\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nightingaledvs.com\/"},{"@type":"ListItem","position":2,"name":"SPOTLIGHT: Animated Sports Results"}]},{"@type":"WebSite","@id":"https:\/\/nightingaledvs.com\/#website","url":"https:\/\/nightingaledvs.com\/","name":"Nightingale","description":"The Journal of the Data Visualization Society","publisher":{"@id":"https:\/\/nightingaledvs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nightingaledvs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nightingaledvs.com\/#organization","name":"Nightingale","url":"https:\/\/nightingaledvs.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nightingaledvs.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/logoDVS-5.png?fit=1988%2C454&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/05\/logoDVS-5.png?fit=1988%2C454&ssl=1","width":1988,"height":454,"caption":"Nightingale"},"image":{"@id":"https:\/\/nightingaledvs.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/2b48f2515f7cce2cf2a5de4710e39600","name":"Krisztina Szucs","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/image\/","url":"https:\/\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2022\/09\/krisztinaszucs_profile.jpg","contentUrl":"https:\/\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2022\/09\/krisztinaszucs_profile.jpg","caption":"Krisztina Szucs"},"description":"Krisztina is a Budapest-based Data Visualization Designer. Her background is in Graphic Design and she has been creating data visualizations since 2012. Her primary focus is data visualization but she also practices UI and UX design. She won an Information is Beautiful Award in 2019 for the experimental chart creator tool PlotParade.com.","sameAs":["https:\/\/krisztinaszucs.com\/","https:\/\/x.com\/szucsi"],"url":"https:\/\/nightingaledvs.com\/author\/krisztina-szucs\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/09\/heroimage_sportanim.png?fit=2094%2C1396&ssl=1","jetpack-related-posts":[{"id":6108,"url":"https:\/\/nightingaledvs.com\/spotlight-how-racially-diverse-are-the-oscars-really\/","url_meta":{"origin":13122,"position":0},"title":"SPOTLIGHT: How Racially Diverse Are The Oscars, Really?","author":"Ali Tehrani","date":"June 29, 2021","format":false,"excerpt":"This article spotlights Ali Tehrani's design process. This visualization was featured as Tableau's Viz of the Day on April 26, 2021. https:\/\/twitter.com\/sarahlovesdata\/status\/1381300218747088896 Earlier this year, I came across this tweet. This subject captured my attention. I am a big movie fan and I decided to focus my visualization on the\u2026","rel":"","context":"In "Community"","block_context":{"text":"Community","link":"https:\/\/nightingaledvs.com\/.\/community\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Oscars-edited-5.png?fit=1200%2C832&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Oscars-edited-5.png?fit=1200%2C832&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Oscars-edited-5.png?fit=1200%2C832&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Oscars-edited-5.png?fit=1200%2C832&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/06\/Oscars-edited-5.png?fit=1200%2C832&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":18459,"url":"https:\/\/nightingaledvs.com\/create-animated-stacked-triangle-charts\/","url_meta":{"origin":13122,"position":1},"title":"How to Create Animated Stacked Triangle Charts Without Code","author":"Krisztina Szucs","date":"September 5, 2023","format":false,"excerpt":"With Plot Parade you can make a stacked triangle chart without code. The tool can also turn the chart into a GIF animation. Here's how.","rel":"","context":"In "Code"","block_context":{"text":"Code","link":"https:\/\/nightingaledvs.com\/.\/how-to\/code\/"},"img":{"alt_text":"Animated stacked triangle visualization showing the goal progress of a water polo match","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/plotparadeGif.gif?fit=700%2C700&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/plotparadeGif.gif?fit=700%2C700&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/plotparadeGif.gif?fit=700%2C700&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2023\/08\/plotparadeGif.gif?fit=700%2C700&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":12176,"url":"https:\/\/nightingaledvs.com\/the-ellis-puppy-olympics-a-kids-data-visualization-challenge\/","url_meta":{"origin":13122,"position":2},"title":"The Ellis Puppy Olympics: A Kids’ Data Visualization Challenge","author":"Laura Ellis","date":"July 27, 2022","format":false,"excerpt":"Recently, it has been HOT in Austin, Texas, with highs getting close to 110 degrees Fahrenheit. As a family, we are always looking ways to keep entertained while we stay cool mostly indoors during the day. One day, while looking for things to do, the first edition of the Nightingale\u2026","rel":"","context":"In "All Stories"","block_context":{"text":"All Stories","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/all-stories\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/07\/puppy_wide.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/07\/puppy_wide.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/07\/puppy_wide.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/07\/puppy_wide.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/07\/puppy_wide.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":10911,"url":"https:\/\/nightingaledvs.com\/spotlight-visualization-of-dog-lady-la-mujer-de-los-perros\/","url_meta":{"origin":13122,"position":3},"title":"SPOTLIGHT: Visualization of Dog Lady (La mujer de los perros)","author":"Pilar Dibujito","date":"April 13, 2022","format":false,"excerpt":"Lee este art\u00edculo\u00a0en espa\u00f1ol aqu\u00ed. The aim of this project was to translate the film script of Dog Lady (La mujer de los perros) - an Argentinian movie by Laura Citarella and Ver\u00f3nica Llin\u00e1s - into navigable pieces of schematics and data visualization.\u00a0 In my illustrated projects I usually use\u2026","rel":"","context":"In "Community"","block_context":{"text":"Community","link":"https:\/\/nightingaledvs.com\/.\/community\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/Close-up-1.png?fit=1200%2C764&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/Close-up-1.png?fit=1200%2C764&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/Close-up-1.png?fit=1200%2C764&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/Close-up-1.png?fit=1200%2C764&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2022\/04\/Close-up-1.png?fit=1200%2C764&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":6538,"url":"https:\/\/nightingaledvs.com\/spotlight-the-process-behind-among-us-and-what-i-learned-from-the-dvs-census-challenge\/","url_meta":{"origin":13122,"position":4},"title":"SPOTLIGHT: The Process behind \u201cAmong Us\u201d and What I Learned from the DVS Census Challenge","author":"Loris Mat","date":"July 20, 2021","format":false,"excerpt":"Loris\u2019s visualization won first place in this year\u2019s Data Visualization Society\u00a0Census Challenge, exploratory category. As a data visualization designer hobbyist, participating in the DVS Census Challenge opened new opportunities to me. It was a milestone in my learning path, and a boost in my recent career moves. Here, I\u2019m sharing\u2026","rel":"","context":"In "Community"","block_context":{"text":"Community","link":"https:\/\/nightingaledvs.com\/.\/community\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/07\/gif3.gif?fit=800%2C440&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/07\/gif3.gif?fit=800%2C440&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/07\/gif3.gif?fit=800%2C440&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/07\/gif3.gif?fit=800%2C440&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":6936,"url":"https:\/\/nightingaledvs.com\/spotlight-designer-dogs\/","url_meta":{"origin":13122,"position":5},"title":"SPOTLIGHT: Designer Dogs","author":"Heather Jones","date":"August 10, 2021","format":false,"excerpt":"For TIME\u2019s annual Answers Issue in 2014, the graphics department was tasked with presenting data-driven visual solutions to both simple and complex questions, and compiling a double issue. Some queries included, \"What\u2019s the most dangerous intersection in America?\" or \"Why don\u2019t people get heart cancer?\" We wanted a fun, colorful\u2026","rel":"","context":"In "Community"","block_context":{"text":"Community","link":"https:\/\/nightingaledvs.com\/.\/community\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-04-at-7.36.11-PM.png?fit=794%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-04-at-7.36.11-PM.png?fit=794%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-04-at-7.36.11-PM.png?fit=794%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-04-at-7.36.11-PM.png?fit=794%2C1200&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/pd2dsI-3pE","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/posts\/13122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/users\/177"}],"replies":[{"embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/comments?post=13122"}],"version-history":[{"count":0,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/posts\/13122\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/media\/13233"}],"wp:attachment":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/media?parent=13122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/categories?post=13122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/tags?post=13122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}