{"id":23552,"date":"2025-05-20T10:24:30","date_gmt":"2025-05-20T14:24:30","guid":{"rendered":"https:\/\/dvsnightingstg.wpenginepowered.com\/?p=23552"},"modified":"2025-05-20T10:35:01","modified_gmt":"2025-05-20T14:35:01","slug":"cards-charts-and-strategy","status":"publish","type":"post","link":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/","title":{"rendered":"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"338\" src=\"https:\/\/i0.wp.com\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2025\/05\/Figure1-1024x480.png?resize=720%2C338&#038;ssl=1\" alt=\"\" class=\"wp-image-23555\" srcset=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?resize=1024%2C480&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?resize=300%2C141&amp;ssl=1 300w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?resize=768%2C360&amp;ssl=1 768w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?resize=1536%2C720&amp;ssl=1 1536w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?resize=2048%2C960&amp;ssl=1 2048w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?resize=450%2C211&amp;ssl=1 450w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?resize=1707%2C800&amp;ssl=1 1707w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?w=1440&amp;ssl=1 1440w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?w=2160&amp;ssl=1 2160w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption class=\"wp-element-caption\">Figure 1: Example of the card designs for the game. The bigger card on the left (1) depicts a scenario of a soccer team that wants to show the outcome of their games from the last year in a visualization (on the front side). On the back side of this card, the scoring for the visualization cards can be seen. On the right side (2) is the example of a card featuring a data visualization type, including an explanation of how to read and create it. Image courtesy of the authors.<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-lead\">In today&#8217;s society, the ability to read and interpret data visualizations has become a critical skill in both professional and academic contexts. Therefore, fostering visualization literacy from an early stage is essential in teaching students to understand and interpret different types of data visualizations. Research highlights gamification as an effective method for enhancing visualization literacy by promoting active learning and motivating learners of all ages. In this context, a card game has been developed to challenge players to identify the most appropriate visualization type for different given datasets. This educational card game aims to deepen understanding and practical application of data visualization concepts while maintaining an engaging and interactive experience for learners.<\/p>\n\n\n\n<p class=\"has-drop-cap\">Research has shown that data visualization is an essential aspect of a critical and informed society, and therefore, it needs to be part of our education. To better engage students and children in learning about data visualizations, it is essential to employ creative teaching methods. One way can be games.<\/p>\n\n\n\n<p>Games are structured forms of play that engage participants through defined rules, objectives, competition, or collaboration. Games provide an environment for individuals to explore complex concepts, develop skills, and foster creativity. Across various disciplines\u2014including mathematics, science, history, and language\u2014games have been effectively integrated into educational settings, proving to be powerful tools for enhancing learning experiences.<\/p>\n\n\n\n<p>There have also already been ventures in the area of card games to teach data visualization, such as VizItCards, VisFutures, and the The Graphic Continuum: Match It Game. Those games feature a small selection of visualization types and offer a more generic view of data visualization creation. Visualization games that guide players through concrete usage scenarios are rare.&nbsp;<\/p>\n\n\n\n<p>Therefore, we introduced the card game \u201dVizionaire\u201d. It confronts players with specific scenarios in which they have to find the most fitting data visualization type. The different scenarios are represented as cards, as shown in Figure 1, front side.&nbsp;<\/p>\n\n\n\n<p>The players have to decide in teams which data visualization would be the most fitting one for that specific scenario. They do so by discussing the cards in their hand and brainstorming about which one is the best to choose. Based on a scoring system for each scenario, the visualization card which suits the scenario the best wins the round.<\/p>\n\n\n\n<p>The game combines both cooperative and competitive elements. To keep the scope of the first prototype manageable, the game focuses specifically on data visualization types that fall under the \u201dPatterns&#8221; category of The Data Vis Catalogue schema.<\/p>\n\n\n\n<p>This category includes visualization types that highlight structure or meaning within datasets by revealing underlying forms or trends, such as: arc diagram, area graph, bar chart, box &amp; whisker plot, bubble chart, candlestick chart, choropleth map, connection map, density plot, dot map, dot matrix chart, heatmap, histogram, kagi chart, line chart, multi-set bar chart, open-high-low-close chart, parallel coordinates plot, point\/figure chart, population chart, radar chart, scatterplot, spiral plot, stacked area graph, stream graph, timeline, and violin plot.<\/p>\n\n\n\n<p>The selection of these visualization types ensures that players are exposed to visualization techniques that are both versatile and foundational, supporting a wide range of analytical tasks, e.g., identifying trends, comparing categories, visualizing distributions, and uncovering relationships in data. The game aims to reinforce learning through repetition and targeted practice, helping players to <em>remember<\/em>, <em>understand<\/em>, and <em>apply<\/em> these visualization methods in a fun and engaging way.<\/p>\n\n\n\n<p>The card game is designed for undergraduate computer science students taking their first course in data visualization. It serves as a supplementary learning method to reinforce key concepts from lectures, making the material more engaging and easier to grasp for students with no prior experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Goals and rules of play<\/h2>\n\n\n\n<p>The primary objective of this game is to enhance players&#8217; understanding of data visualizations. By engaging with various real-world scenarios, players will develop the experience and expertise necessary to select the most appropriate visualization for specific tasks and given datasets.&nbsp;<\/p>\n\n\n\n<p>Each round centers around a \u201dScenario card,\u201d which presents a specific data set, its intended use, and the target audience. Within a two-minute timeframe, team members collaboratively discuss which card from their hand best corresponds to the scenario.&nbsp;<\/p>\n\n\n\n<p>This phase of the game encourages critical thinking and fosters teamwork.<\/p>\n\n\n\n<p>It is crucial that during the phase, the players communicate effectively within their own team to avoid distracting or assisting the opposing team.&nbsp;<\/p>\n\n\n\n<p>Once the two-minute discussion phase has ended, the \u201dVisualization card\u201d with the highest scores wins the round. The objective of this game is to accumulate as many round scores as possible. As the game is played more frequently, it aims to enhance players&#8217; understanding of which visualization types are most suitable for specific scenarios, which acquire skills for real-world contexts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Short game manual<\/h2>\n\n\n\n<p>The game is played with two different card decks\u2014Scenario cards &amp; Visualization cards\u2014that will be described in the following two paragraphs (see Figure 2 and Figure 3).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"720\" height=\"655\" src=\"https:\/\/i0.wp.com\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2025\/05\/Figure2-1024x931.png?resize=720%2C655&#038;ssl=1\" alt=\"\" class=\"wp-image-23556\" srcset=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?resize=1024%2C931&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?resize=300%2C273&amp;ssl=1 300w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?resize=768%2C698&amp;ssl=1 768w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?resize=1536%2C1396&amp;ssl=1 1536w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?resize=450%2C409&amp;ssl=1 450w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?resize=880%2C800&amp;ssl=1 880w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?resize=1360%2C1236&amp;ssl=1 1360w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?resize=800%2C727&amp;ssl=1 800w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?w=1689&amp;ssl=1 1689w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure2.png?w=1440&amp;ssl=1 1440w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption class=\"wp-element-caption\">Figure 2: Layout Mockup of the front and back of a Scenario card. Image courtesy of the authors.<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Scenario Cards<\/strong> feature fictional scenarios that require data visualization to represent them in a suitable way, as illustrated in Figure 2 on the front side of the card.&nbsp;<\/p>\n\n\n\n<p>The front of the card is structured into two main parts, one being the general information featuring a name and an image, whereas the second part provides all the needed information for the gameplay:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Who needs this visualization?&nbsp;<\/li>\n\n\n\n<li>Who is the target audience?<\/li>\n\n\n\n<li>Which data have to be visualized?<\/li>\n\n\n\n<li>What are the requirements for the visualization?<\/li>\n<\/ul>\n\n\n\n<p>In the game, players must then select the most appropriate data visualization type following these factors presented on the \u201cScenario Card.\u201d<\/p>\n\n\n\n<p>The backside of the cards displays the results, including the scores for the most suitable visualization types, along with an explanation for the two best options. For additional suitable visualizations, only the score points are provided without explanations. If fewer than five visualizations are possible,&nbsp; the number of boxes containing score points is reduced accordingly.<\/p>\n\n\n\n<p>In Figure 1, the card design of one specific scenario is illustrated. In this example, the \u201dScenario Card\u201d involves a youth soccer team that wants to visualize their game outcomes\u2014wins, losses, and draws\u2014over the past few years, broken down by month. Since the intended audience is teenagers aged fourteen to nineteen, the chosen visualization should be easily readable by students with an average educational background (requirement). In this case, the best-suited visualizations would be a multi-set bar chart or a line graph, as both use intuitive visual mappings and are commonly encountered in the wild.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"720\" height=\"528\" src=\"https:\/\/i0.wp.com\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2025\/05\/Figure3-1024x751.png?resize=720%2C528&#038;ssl=1\" alt=\"\" class=\"wp-image-23558\" srcset=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=1024%2C751&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=300%2C220&amp;ssl=1 300w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=768%2C563&amp;ssl=1 768w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=1536%2C1126&amp;ssl=1 1536w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=450%2C330&amp;ssl=1 450w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=1091%2C800&amp;ssl=1 1091w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=1360%2C997&amp;ssl=1 1360w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=800%2C587&amp;ssl=1 800w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=250%2C183&amp;ssl=1 250w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=550%2C403&amp;ssl=1 550w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=245%2C180&amp;ssl=1 245w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=409%2C300&amp;ssl=1 409w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?resize=682%2C500&amp;ssl=1 682w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?w=1594&amp;ssl=1 1594w, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure3.png?w=1440&amp;ssl=1 1440w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption class=\"wp-element-caption\">Figure 3 Layout Mockup of the front and back of a Visualization card. Image courtesy of the authors.<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Visualization Cards<\/strong> picture the different data visualizations (illustrated in Figure 3) that reveal forms or patterns in the data to give it meaning based on the Data Vis Catalogue.<\/p>\n\n\n\n<p>To facilitate the categorization of data visualizations, they are grouped into four categories: Comparison\/Relations, Distribution, Temporal, and Geographic. Each category is assigned a specific color to enhance differentiation and improve visual&nbsp;<\/p>\n\n\n\n<p>The <strong>Comparison\/Relations<\/strong> group (blue) features the visualization types:&nbsp; Bar Chart, Multi-set Bar Chart, Scatterplot, Bubble Chart, Radar Chart, Parallel Coordinates Plot, and Arc Diagram.&nbsp;<\/p>\n\n\n\n<p>In the <strong>Distribution<\/strong> group (red) cover the types: Box and Whisker Plot, Violin Plot, Density Plot, Histogram, Dot Matrix Chart, and Population Pyramid can be found.&nbsp;<\/p>\n\n\n\n<p>The group <strong>Temporal<\/strong> (green) includes: Line Graph, Area Graph, Stacked Area Graph, Stream Graph, Candlestick Charts, Open-high-low-close Chart, Point and Figure Chart, Kagi Chart, Timeline and Spiral Plot.<\/p>\n\n\n\n<p>The group <strong>Geographic<\/strong> (yellow) consists of a Connection Map, Choropleth Map, Dot Map, and Heat Map.<\/p>\n\n\n\n<p>The layout of the Visualization cards, as shown in Figure 3, includes the title of the visualization next to a colored box representing the group, with the group name displayed inside. The card also features an image illustrating the specific visualization, accompanied by a descriptive text. This text explains the visualization&#8217;s function, along with additional relevant details.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Game setup<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Both the Scenario and the Visualization cards get shuffled. The Scenario deck gets placed in the deck box with the Description-Side face-up. The Visualization Deck is placed face-down next to the deck box.<\/li>\n\n\n\n<li>If there are four or more players, the players have to separate into two teams. Otherwise, the players play together as one team against the game.<\/li>\n\n\n\n<li>Each player is dealt five \u201dVisualization cards.\u201d<\/li>\n\n\n\n<li>As a last step, the first card dealer is selected. The dealer role rotates each round of the game.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Gameplay<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>To start a round, the first card from the Scenario deck gets drawn by the card dealer and placed face-up on the middle of the table. It is crucial to ensure that no player sees the backside of the card during this process.<\/li>\n\n\n\n<li>Every player reads the details of the \u201dScenario card\u201d silently. Once everyone is ready for the next phase, the card dealer starts the timer.<\/li>\n\n\n\n<li>While the timer is running, the members of each team discuss which of their \u201dVisualization cards\u201d is most suitable for the current scenario.<br>They can choose any of the cards from their hands. After the team has agreed on one \u201dVisualization card\u201d that they want to play, they have to put that card face down on the table close to them. It is very important to place the card before the time has run out, or the card won&#8217;t be counted for the point score.<\/li>\n\n\n\n<li>As soon as two minutes have passed and every team has chosen their cards, all the cards lying face-down on the table get turned over, including the \u201dScenario card.\u201d On the backside of the \u201dScenario card\u201d is a score list written with information about which \u201dVisualization card\u201d gains which amount of points.<br>Both teams calculate their achieved points. The team with the most points wins this round and gains the \u201dScenario card\u201d If a team collects their fifth \u201dScenario card,\u201d the game ends, and that team is declared the winner. The next round begins if neither team has acquired their fifth \u201dScenario card.\u201d Each player draws additional cards to reach their hand limit of five cards, and a new card dealer is selected from the opposite team, as in the previous round. The game then proceeds with step one.<\/li>\n\n\n\n<li>If none of the teams has acquired their last card, the next round of the game starts. For that, every player draws up to their hand limit of five cards again and a new card dealer from the opposite team as before gets chosen. Afterwards the round proceeds with step one again.<\/li>\n<\/ol>\n\n\n\n<p>If there are under three players, different game play rules apply as described as follows:<\/p>\n\n\n\n<p><strong>Extra Gameplay Rules for under three players<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The steps one to three remain the same. However, unlike the version with two teams, the goal for each team is to reach a specific point total within five rounds. When calculating their points after each round, the team must check if they have reached the required winning score.<\/li>\n\n\n\n<li>If that is not the case, the team will choose a new card dealer from their team and proceed with the same actions of redrawing and starting a new round.<\/li>\n\n\n\n<li>The game ends either when the winning score is reached or after five rounds have been completed. In the former case, the team is declared the winner; in the latter, the game is considered the winner.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Material Overview<\/h2>\n\n\n\n<p>The card game consists of two card decks, one deckbox, and a timer. The timer can be a typical hourglass known from a broad range of board games or a digital timer on a mobile phone. The \u201dScenario card\u201d deck is being kept in the deckbox to prevent players from seeing the back side of the cards in advance.&nbsp;<\/p>\n\n\n\n<p>The \u201dVisualization cards\u201d have the standard size of playing cards of 6.35 cm x 8.89 cm, whereas the \u201dScenario cards\u201d have a size 6.8 cm x 12 cm to include all the information needed for the scenarios.<\/p>\n\n\n\n<p>We provide the cards in the supplementary material.<\/p>\n\n\n\n<p>It is planned to create fifty different \u201dScenario Cards\u201d to generate a wide variety.&nbsp;<\/p>\n\n\n\n<p>For the \u201dVisualization cards\u201d the correct balance of each type is still being tested. For testing purposes, each type is intended to have three to five cards.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Planned usage<\/h2>\n\n\n\n<p>This card game has not yet been played with students prior to the submission of this extended abstract paper. At the time of writing, the game is still being developed as part of a bachelors program thesis. As part of this thesis, an expert interview and a focus group with students from the University of Applied Sciences St. P\u00f6lten are planned.<\/p>\n\n\n\n<p>There are two different ways to win this game, depending on the number of players participating. When there are one to three players, they play as a single team and must reach a certain number of points within five rounds. In this version of the game, the team plays against the game itself.<\/p>\n\n\n\n<p>The other variation is with more than three players, where all the players form two teams and compete against each other. Instead of the version with just one team, in this case, the teams need to win five \u201dScenario cards\u201d to win the game. They can achieve this by scoring the most points in one round and gaining the Scenario card of that round. A more detailed explanation can be found in the Gameplay Section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection &amp; conclusion<\/h2>\n\n\n\n<p>Through this game, players will gain hands-on experience in selecting the most appropriate data visualizations for various real-world scenarios, enhancing their critical thinking skills in the process. The game aims to bridge theoretical knowledge with practical application, helping players deepen their understanding of data visualization principles and their real-world relevance.&nbsp;<\/p>\n\n\n\n<p>At the time of this workshop paper, the game hasn&#8217;t yet been tested with users; therefore, it is still a prototype and will very likely experience changes based on the feedback gathered from the participants of this VisGames workshop and the planned evaluations.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Acknowledgements<\/h2>\n\n\n\n<p>This work was funded by the Austrian Science Fund (10.55776\/I5622) and Czech Science Foundation (No. 22-06357L) as part of the Vis4Schools project. For the purpose of open access, the author has applied a CC BY public copyright license to any Author Accepted Manuscript version arising from this submission.<\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file aligncenter\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2025\/05\/supplementMaterials_Vizionaire_Boucher.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of supplementMaterials_Vizionaire_Boucher.\"><\/object><a id=\"wp-block-file--media-8b37b710-bd1d-4438-a5ab-80f29f748ab8\" href=\"https:\/\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2025\/05\/supplementMaterials_Vizionaire_Boucher.pdf\">supplementMaterials_Vizionaire_Boucher<\/a><a href=\"https:\/\/dvsnightingale.wpenginepowered.com\/wp-content\/uploads\/2025\/05\/supplementMaterials_Vizionaire_Boucher.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-8b37b710-bd1d-4438-a5ab-80f29f748ab8\">Download<\/a><\/div>\n\n\n\n<p><\/p>\n<div class=\"cats\"><span class=\"cats__title\">Categories<\/span><a href=\"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/\" rel=\"category tag\">Topics in Dataviz<\/a><\/div><div class=\"tags\"><div class=\"tags__title\">Tags<\/div><a href=\"https:\/\/nightingaledvs.com\/tag\/board-games\/\" rel=\"tag\">board games<\/a><a href=\"https:\/\/nightingaledvs.com\/tag\/data-visualization\/\" rel=\"tag\">Data Visualization<\/a><a href=\"https:\/\/nightingaledvs.com\/tag\/games\/\" rel=\"tag\">games<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>In today&#8217;s society, the ability to read and interpret data visualizations has become a critical skill in both professional and academic contexts. Therefore, fostering visualization..<\/p>\n","protected":false},"author":134,"featured_media":23555,"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":"yes","_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[48],"tags":[229,35,232],"class_list":["post-23552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-topics-in-dv","tag-board-games","tag-data-visualization","tag-games"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern | Nightingale<\/title>\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\/cards-charts-and-strategy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern - Nightingale\" \/>\n<meta property=\"og:description\" content=\"In today&#8217;s society, the ability to read and interpret data visualizations has become a critical skill in both professional and academic contexts. Therefore, fostering visualization..\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/\" \/>\n<meta property=\"og:site_name\" content=\"Nightingale\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-20T14:24:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-20T14:35:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?fit=2560%2C1200&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alena Boucher&nbsp;&amp;&nbsp;Christina Stoiber\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wcareri\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alena Boucher&nbsp;&amp;&nbsp;Christina Stoiber\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/\"},\"author\":{\"name\":\"Alena Boucher&nbsp;&&nbsp;Christina Stoiber\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/db0e06a49ac0f0fc7385f5a0d63cf403\"},\"headline\":\"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern\",\"datePublished\":\"2025-05-20T14:24:30+00:00\",\"dateModified\":\"2025-05-20T14:35:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/\"},\"wordCount\":2483,\"publisher\":{\"@id\":\"https:\/\/nightingaledvs.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?fit=2560%2C1200&ssl=1\",\"keywords\":[\"board games\",\"Data Visualization\",\"games\"],\"articleSection\":[\"Topics in Dataviz\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/\",\"url\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/\",\"name\":\"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern - Nightingale\",\"isPartOf\":{\"@id\":\"https:\/\/nightingaledvs.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?fit=2560%2C1200&ssl=1\",\"datePublished\":\"2025-05-20T14:24:30+00:00\",\"dateModified\":\"2025-05-20T14:35:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nightingaledvs.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern\"}]},{\"@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\/db0e06a49ac0f0fc7385f5a0d63cf403\",\"name\":\"Alena Boucher\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/image\/\",\"inLanguage\":\"en_US\",\"url\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/alena-boucher-scaled.jpg?resize=150%2C150&ssl=1\",\"caption\":\"Alena Boucher\"}},{\"@type\":[\"Person\"],\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/db0e06a49ac0f0fc7385f5a0d63cf403\",\"name\":\"Christina Stoiber\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/nightingaledvs.com\/#\/schema\/person\/image\/\",\"inLanguage\":\"en_US\",\"url\":\"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/christina-stoiber.jpeg?resize=150%2C150&ssl=1\",\"caption\":\"Christina Stoiber\"}}]]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern | Nightingale","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\/cards-charts-and-strategy\/","og_locale":"en_US","og_type":"article","og_title":"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern - Nightingale","og_description":"In today&#8217;s society, the ability to read and interpret data visualizations has become a critical skill in both professional and academic contexts. Therefore, fostering visualization..","og_url":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/","og_site_name":"Nightingale","article_published_time":"2025-05-20T14:24:30+00:00","article_modified_time":"2025-05-20T14:35:01+00:00","og_image":[{"width":2560,"height":1200,"url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?fit=2560%2C1200&ssl=1","type":"image\/png"}],"author":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","twitter_card":"summary_large_image","twitter_creator":"@wcareri","twitter_misc":{"Written by":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#article","isPartOf":{"@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/"},"author":{"name":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/db0e06a49ac0f0fc7385f5a0d63cf403"},"headline":"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern","datePublished":"2025-05-20T14:24:30+00:00","dateModified":"2025-05-20T14:35:01+00:00","mainEntityOfPage":{"@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/"},"wordCount":2483,"publisher":{"@id":"https:\/\/nightingaledvs.com\/#organization"},"image":{"@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?fit=2560%2C1200&ssl=1","keywords":["board games","Data Visualization","games"],"articleSection":["Topics in Dataviz"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/","url":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/","name":"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern - Nightingale","isPartOf":{"@id":"https:\/\/nightingaledvs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#primaryimage"},"image":{"@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?fit=2560%2C1200&ssl=1","datePublished":"2025-05-20T14:24:30+00:00","dateModified":"2025-05-20T14:35:01+00:00","breadcrumb":{"@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nightingaledvs.com\/cards-charts-and-strategy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nightingaledvs.com\/"},{"@type":"ListItem","position":2,"name":"Cards, Charts, and Strategy: A Game-Based Approach to Data Visualization for Pattern"}]},{"@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\/db0e06a49ac0f0fc7385f5a0d63cf403","name":"Alena Boucher","image":{"@type":"ImageObject","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/image\/","inLanguage":"en_US","url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/alena-boucher-scaled.jpg?resize=150%2C150&ssl=1","caption":"Alena Boucher"}},{"@type":["Person"],"@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/db0e06a49ac0f0fc7385f5a0d63cf403","name":"Christina Stoiber","image":{"@type":"ImageObject","@id":"https:\/\/nightingaledvs.com\/#\/schema\/person\/image\/","inLanguage":"en_US","url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/christina-stoiber.jpeg?resize=150%2C150&ssl=1","caption":"Christina Stoiber"}}]]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/Figure1-scaled.png?fit=2560%2C1200&ssl=1","jetpack-related-posts":[{"id":23722,"url":"https:\/\/nightingaledvs.com\/teach-data-viz-through-play\/","url_meta":{"origin":23552,"position":0},"title":"Leveraging Popular Board Games to Teach Data Visualization Through Play","author":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","date":"July 11, 2025","format":false,"excerpt":"What if your favorite board games didn\u2019t just entertain you but also taught you how to interpret scatter plots, recognize chart types, and sharpen your data storytelling? Figure 1 Guess Vis?, the readaptation of Guess Who? to teach data visualization. This intuition led us to rethink popular board games such\u2026","rel":"","context":"In &quot;Topics in Dataviz&quot;","block_context":{"text":"Topics in Dataviz","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/image5-1.jpg?fit=1200%2C554&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/image5-1.jpg?fit=1200%2C554&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/image5-1.jpg?fit=1200%2C554&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/image5-1.jpg?fit=1200%2C554&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/image5-1.jpg?fit=1200%2C554&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":23535,"url":"https:\/\/nightingaledvs.com\/drawagram-a-game\/","url_meta":{"origin":23552,"position":1},"title":"Drawagram: A Game-Based Learning Approach to Teach Time-based Data Visualization","author":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","date":"May 13, 2025","format":false,"excerpt":"Figure 1 Illustration of the process of a round in the card game, showing the steps from drawing cards and sketching a visualization to presenting, discussing and voting. Image courtesy of the authors. Drawagram is a card game based on creativity and interaction that explores the fundamental ideas behind the\u2026","rel":"","context":"In &quot;Topics in Dataviz&quot;","block_context":{"text":"Topics in Dataviz","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/prototype.jpg?fit=1200%2C1120&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/prototype.jpg?fit=1200%2C1120&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/prototype.jpg?fit=1200%2C1120&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/prototype.jpg?fit=1200%2C1120&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/05\/prototype.jpg?fit=1200%2C1120&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":23878,"url":"https:\/\/nightingaledvs.com\/battlegraphs\/","url_meta":{"origin":23552,"position":2},"title":"BattleGraphs: Forge, Fortify, and Fight in the Network Arena","author":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","date":"July 25, 2025","format":false,"excerpt":"Figure 1: Two competitors playing BattleGraphs, a graph construction game. In order to play, players will require at least two NODKANT kits, two magnetic whiteboards, a deck of Task Cards, and two identical decks of Edge Cards. Each game consists of four distinct phases: the Setup Phase, the Assembly Phase,\u2026","rel":"","context":"In &quot;Topics in Dataviz&quot;","block_context":{"text":"Topics in Dataviz","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/07\/Battlegraphs.png?fit=1200%2C670&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/07\/Battlegraphs.png?fit=1200%2C670&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/07\/Battlegraphs.png?fit=1200%2C670&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/07\/Battlegraphs.png?fit=1200%2C670&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2025\/07\/Battlegraphs.png?fit=1200%2C670&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":8653,"url":"https:\/\/nightingaledvs.com\/choosing-fonts-for-your-data-visualization\/","url_meta":{"origin":23552,"position":3},"title":"Choosing Fonts for Your Data Visualization","author":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","date":"June 8, 2020","format":false,"excerpt":"The purpose of data visualization is to provide a layout that relays lots of information quickly. Good visualizations help the user understand complicated data without allowing the design to get in the way. Any text accompanying the graphics should be easy to read to the point that it almost disappears.\u2026","rel":"","context":"In &quot;Design&quot;","block_context":{"text":"Design","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/design\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Fonts.png?fit=1200%2C694&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Fonts.png?fit=1200%2C694&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Fonts.png?fit=1200%2C694&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Fonts.png?fit=1200%2C694&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Fonts.png?fit=1200%2C694&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":6450,"url":"https:\/\/nightingaledvs.com\/review-hands-on-data-visualization\/","url_meta":{"origin":23552,"position":4},"title":"REVIEW: Hands-on Data Visualization","author":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","date":"July 13, 2021","format":false,"excerpt":"As a community-taught dataviz designer, I love digging into the craft of turning data into narrative and finding new ways to combat the dataviz equivalent of a writer\u2019s block. I\u2019m always curious to know: How do different people approach data visualization? What is their design philosophy? How do they organize\u2026","rel":"","context":"In &quot;Community&quot;","block_context":{"text":"Community","link":"https:\/\/nightingaledvs.com\/.\/community\/"},"img":{"alt_text":"Book cover of Hands-On Data Visualization","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/07\/belly-scratcher.gif?fit=600%2C336&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/07\/belly-scratcher.gif?fit=600%2C336&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/07\/belly-scratcher.gif?fit=600%2C336&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":8661,"url":"https:\/\/nightingaledvs.com\/how-to-create-brand-colors-for-data-visualization-style-guidelines\/","url_meta":{"origin":23552,"position":5},"title":"How to Create Brand Colors for Data Visualization Style Guidelines","author":"Alena Boucher&nbsp;&&nbsp;Christina Stoiber","date":"July 13, 2020","format":false,"excerpt":"The most common push back I hear about creating a unique style guide for data visualization, is \u201cWe have a style guide for the brand, just use that!\u201d What most people don\u2019t understand is that the colors that work for your brand usually don\u2019t work for charts. You need more\u2026","rel":"","context":"In &quot;Design&quot;","block_context":{"text":"Design","link":"https:\/\/nightingaledvs.com\/.\/topics-in-dv\/design\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Palattes.png?fit=1200%2C625&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Palattes.png?fit=1200%2C625&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Palattes.png?fit=1200%2C625&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Palattes.png?fit=1200%2C625&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nightingaledvs.com\/wp-content\/uploads\/2021\/10\/Palattes.png?fit=1200%2C625&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/pd2dsI-67S","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/posts\/23552","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\/134"}],"replies":[{"embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/comments?post=23552"}],"version-history":[{"count":0,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/posts\/23552\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/media\/23555"}],"wp:attachment":[{"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/media?parent=23552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/categories?post=23552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nightingaledvs.com\/wp-json\/wp\/v2\/tags?post=23552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}