{"id":16131,"date":"2018-05-14T08:44:59","date_gmt":"2018-05-14T12:44:59","guid":{"rendered":"https:\/\/venngage.com\/blog\/?p=16131"},"modified":"2026-03-12T07:01:09","modified_gmt":"2026-03-12T11:01:09","slug":"chart-design","status":"publish","type":"post","link":"https:\/\/venngage.com\/blog\/chart-design\/","title":{"rendered":"10 Do\u2019s and Don\u2019ts of Infographic &#038; Chart Design"},"content":{"rendered":"<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/header.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-16132\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/header.png\" alt=\"chart design\" width=\"2281\" height=\"1250\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Charts have been used to communicate information clearly and effectively for centuries.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These days we see charts as commonplace\u2014a type of visual that everyone can, and should, make for infographics, reports, and presentations.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s because charts, when done right, can help viewers understand complex data. They can help reveal patterns, provide context, and describe relationships within datasets.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But have you ever stopped to wonder what makes a chart effective?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Do you know what separates a good chart design from a bad one?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s far too easy to overlook the basics of good chart design. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s why I\u2019ve compiled this comprehensive list of chart design <\/span><i><span style=\"font-weight: 400;\">do\u2019s<\/span><\/i><span style=\"font-weight: 400;\"> and <\/span><i><span style=\"font-weight: 400;\">don\u2019ts<\/span><\/i><span style=\"font-weight: 400;\">. I\u2019ve taken what we know about human perception and cognition to give you 10 tips on how to design charts that communicate effectively.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But first things first, how&nbsp;do you get your data into your charts?<\/span><\/p>\n<h2><b>How to upload your data into Venngage charts<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Before you&nbsp;start&nbsp;choosing and customizing your charts, you need to know&nbsp;how to upload your data! In Venngage, it&#8217;s simple. <\/span><\/p>\n<p>In the editor, select the type of chart you want to use. Double-click it and under the DATA tab, spot the green IMPORT button. Click it, select your CSV file, and your data gets visualized automatically.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39197\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/June-2020-Updates9.jpg\" alt=\"June 2020 Updates9\" width=\"800\" height=\"563\"><\/p>\n<h2><b>1. Do use the right chart for your data <\/b><\/h2>\n<p><span style=\"font-weight: 400;\">We can\u2019t talk about chart design without first discussing chart choices. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re like most people, you probably choose your charts based on how easy it is to create said chart in a basic charting tool. Conventional tools like Excel give you easy access to the most basic chart types, like the pie chart, the bar chart, and the line chart.<\/span><\/p>\n<div id=\"attachment_16160\" style=\"width: 660px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/venngage-charts.png\" target=\"_blank\" rel=\"noopener\"><img aria-describedby=\"caption-attachment-16160\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-16160\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/venngage-charts.png\" alt=\"chart design\" width=\"650\" height=\"502\"><\/a><p id=\"caption-attachment-16160\" class=\"wp-caption-text\">Each of these charts can be created with a single click in Venngage.<\/p><\/div>\n<p><span style=\"font-weight: 400;\">But with Venngage, creating less conventional charts like bubble clouds, treemaps, icon charts, <a href=\"https:\/\/venngage.com\/blog\/pyramid-chart\/\" target=\"_blank\" rel=\"noopener\">pyramids<\/a>, timelines, word clouds, tables and maps is just as easy.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, we\u2019ve updated Venngage tables to be easily customized in the editor. You can choose unique font styles and background colors for each cell.&nbsp;<\/span><span style=\"font-weight: 400;\">Open the table widget, and you\u2019ll see the options under the data tab.&nbsp;<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39190\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/June-2020-Updates2.jpg\" alt=\"June 2020 Updates2\" width=\"800\" height=\"515\"><\/p>\n<p>You can also choose the horizontal and vertical alignment of you text within each cell. Just select the settings tab and you&#8217;ll see the alignment options below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39196\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/June-2020-Updates8.jpg\" alt=\"June 2020 Updates8\" width=\"800\" height=\"516\"><\/p>\n<p>With all of these different options and ways to customize your designs, how should you choose the best chart for your data?<\/p>\n<p><span style=\"font-weight: 400;\">You should pick charts based two things:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">What you want to say about your data.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The type of data you have.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Bar charts, for example, are best for <\/span><i><span style=\"font-weight: 400;\">showing comparisons<\/span><\/i><span style=\"font-weight: 400;\"> of <\/span><i><span style=\"font-weight: 400;\">categorical data<\/span><\/i><span style=\"font-weight: 400;\"> (data broken up into discrete categories). <\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/editorial-bar-chart-489a58bb-1d58-4e31-97d9-9119f145fadd\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16135\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/bar-chart-highlight-color.png\" alt=\"chart design\" width=\"650\" height=\"650\" data-darkreader-inline-border-top=\"\" data-darkreader-inline-border-right=\"\" data-darkreader-inline-border-bottom=\"\" data-darkreader-inline-border-left=\"\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/editorial-bar-chart-489a58bb-1d58-4e31-97d9-9119f145fadd\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">Line charts, on the other hand, are better suited to <\/span><i><span style=\"font-weight: 400;\">tracking changes over time<\/span><\/i><span style=\"font-weight: 400;\"> with <\/span><i><span style=\"font-weight: 400;\">continuous data<\/span><\/i><span style=\"font-weight: 400;\"> (data that falls along a scale).<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/editorial-line-chart-53325780-c17a-4934-b03c-5692a2fbef80\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16149\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/line-chart-key-line.png\" alt=\"chart design\" width=\"650\" height=\"650\" data-darkreader-inline-border-top=\"\" data-darkreader-inline-border-right=\"\" data-darkreader-inline-border-bottom=\"\" data-darkreader-inline-border-left=\"\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/editorial-line-chart-53325780-c17a-4934-b03c-5692a2fbef80\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">These two charts above show two different types of data and tell two different stories. They\u2019re effective because the format of each chart aligns properly with the type of data it\u2019s displaying.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, if I were to go ahead and outline the best chart for type of data, we would never get to the other important principles of chart design.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So I\u2019m going to move on.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But if you\u2019re intrigued and want to learn more, check out my complete rundown on <\/span><a href=\"https:\/\/venngage.com\/blog\/how-to-choose-the-best-charts-for-your-infographic\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">how to choose the best charts for your data<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><b>2. Don\u2019t (necessarily) use legends in your chart design<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Most tools like Excel and Google Sheets give charts a legend by default. These legends are used to tell readers which colors, patterns, or symbols represent which data series in the chart. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">But most of the time, legends actually hinder readers\u2019 understanding of charts.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To understand a chart with a legend, readers are forced to scan back and forth between the legend and the chart itself. Every time they make that switch, they\u2019re using some of their limited memory resources to keep the details of the legend in mind. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">A more effective way of representing that same information is to <\/span><i><span style=\"font-weight: 400;\">label data points and data series<\/span><\/i> <i><span style=\"font-weight: 400;\">directly on the chart. <\/span><\/i><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16169 size-full\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/legends-min.png\" alt=\"chart design\" width=\"4078\" height=\"1468\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">MAKE A CHART WITH VENNGAGE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">By placing labels as close as possible to their respective data points, you can reduce the work required of your reader to interpret your chart. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are, however, some exceptions to this rule.<\/span><\/p>\n<h3><b>Exception 1<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Legends can be useful when you have multiple data points that belong to a <\/span><i><span style=\"font-weight: 400;\">few categories<\/span><\/i><span style=\"font-weight: 400;\">, when adding a legend can help you eliminate <\/span><i><span style=\"font-weight: 400;\">many labels<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The legend for this bubble cloud, for example, works well because it features only two categories, which don\u2019t take much effort to remember. And if the legend wasn\u2019t there, the chart would have to have 13 extra labels (to indicate whether each bubble falls in the \u201cmale\u201d or \u201cfemale\u201d category).<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/keyword-search-bubble-chart-0518adb2-522b-4075-9b8d-c881a4774c59\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16147\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/legend.png\" alt=\"chart design\" width=\"650\" height=\"841\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/keyword-search-bubble-chart-0518adb2-522b-4075-9b8d-c881a4774c59\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<h3><b>Exception 2<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">High-density charts that display many points in a small area should not be labeled directly. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">High-density charts like scatterplots can get cluttered quickly when you start adding labels. <\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/messy-scatter@2x.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16151\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/messy-scatter@2x.png\" alt=\"chart design\" width=\"650\" height=\"390\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Fortunately, Venngage supports chart interactivity. By default, our scatterplots allow users to hover over data points to reveal precise values, making direct labeling unnecessary.<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/dogs-scatterplot-353ec6e0-4f21-44bd-9728-e7c4c22b3095\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16142\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/dogs.png\" alt=\"chart design\" width=\"650\" height=\"650\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/dogs-scatterplot-353ec6e0-4f21-44bd-9728-e7c4c22b3095\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">So whenever you can, replace isolated legends with direct chart labels.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Make the most of our interactive charts by <\/span><a href=\"https:\/\/support.venngage.com\/article\/140-how-do-i-embed-my-infographic-in-my-website\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">embedding your infographic<\/span><\/a><span style=\"font-weight: 400;\"> directly on your site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Anything you do to reduce travel time for your readers eyes will improve the effectiveness of your chart design.<\/span><\/p>\n<h2><b>3. Do highlight some details and downplay others<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Each chart should have a clear focus. It should be created with a specific goal in mind&#8211;to express or support some argument.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><i><span style=\"font-weight: 400;\">visual <\/span><\/i><span style=\"font-weight: 400;\">focus of the chart (the thing that stands out most when you first look at the chart) should directly reinforce that goal.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This chart, for example, is clearly telling us that cancer is the leading cause of death in Canada:<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/infographics\/cancer-facts-and-figures-ed0043de-d6d9-457e-bc1d-2dbbdcc7ff23\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16136\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/cancer.png\" alt=\"chart design\" width=\"650\" height=\"651\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/infographics\/cancer-facts-and-figures-ed0043de-d6d9-457e-bc1d-2dbbdcc7ff23\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">Most of the visual elements on the page are pushing us towards making that conclusion. The big bright bar on the left tells us that 30.2% of deaths are due to cancer. Meanwhile, the big bold title tells us that we\u2019re looking at the proportion of deaths due to cancer and other causes in Canada.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To create a clear visual<\/span> <span style=\"font-weight: 400;\">focus like you see above, you can adjust the visual salience of various elements. That is, you can use visual characteristics like color, size, or weight to draw attention to some details and suppress others.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Reserve bright, contrasting colors for the most important elements and use soft, muted colors to push less important elements into the background.<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/dark-bar-chart-f7578793-1964-4470-a975-7ded17198fbc\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16137\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/color-to-highlight.png\" alt=\"chart design\" width=\"650\" height=\"650\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/dark-bar-chart-f7578793-1964-4470-a975-7ded17198fbc\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">This technique works best if you don\u2019t have too many colors going on in your graphic. Too many bright, saturated colors will compete with each other for your attention and you\u2019ll be left with a muddled mess. <\/span><\/p>\n<p>Look at the difference between these two charts:<\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/highlight-min.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16168\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/highlight-min.png\" alt=\"chart design\" width=\"650\" height=\"234\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">You can also bold important text and circle key data points. I\u2019m willing to bet your eye is drawn towards the red circle in this graphic:<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/infographics\/go-travel-f2547a48-6288-470e-8e30-7ebeeb50c196\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16146\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/hurricane.png\" alt=\"chart design\" width=\"650\" height=\"841\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/infographics\/go-travel-f2547a48-6288-470e-8e30-7ebeeb50c196\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">Using small, bright spots of color is an easy way to create visual salience (that visual quality that makes elements pop off the page). Harness visual salience to focus your reader\u2019s attention and guide their eye through each chart.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Want more information on using visual salience in infographics? Check out our guide to learn <\/span><a href=\"https:\/\/venngage.com\/blog\/how-to-pick-colors\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">how to choose colors<\/span><\/a><span style=\"font-weight: 400;\"> that will captivate your audience.<\/span><\/p>\n<h2><b>4. Don\u2019t introduce unnecessary complexity<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Keep the structural elements of your graphs <\/span><span style=\"font-weight: 400;\">as minimal as possible<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Data visualization guru Edward Tufte advocates for charts with a high data-ink ratio, meaning that much of the ink used to print a chart on a page should be used to directly represent data. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Or, as information designer Jonathan Corum phrased it in a <\/span><a href=\"http:\/\/style.org\/ku\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">recent talk<\/span><\/a><span style=\"font-weight: 400;\"> about designing science graphics:<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">\u201cShow the content, not the frame.\u201d<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">Follow their lead and remove unnecessary chart elements like outlines, gridlines, and backgrounds to keep the focus on the data. Make the essential elements like axes and tick marks clear but inconspicuous.<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/complexity-do-dont-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16164\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/complexity-do-dont-1.png\" alt=\"chart design\" width=\"650\" height=\"234\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Here are my Tufte-inspired guidelines for minimal chart design:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Give axes and tick marks a maximum line width of one and style them in black or grey.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Eliminate borders and background colors entirely.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Space out gridlines as much as possible (without impacting chart readability), and style them in light grey.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Do what you can to strip out <\/span><a href=\"https:\/\/venngage.com\/blog\/misleading-graphs\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">unnecessary clutter<\/span><\/a><span style=\"font-weight: 400;\"> from your charts. Ask yourself what you can remove that won\u2019t affect the story but will make the graphic quicker to read or interpret. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Our charts are designed with minimal styling built in, but if you\u2019re interested in customizing your Venngage charts, check out our <\/span><a href=\"https:\/\/support.venngage.com\/category\/49-graphs-charts\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Graphs and Charts FAQ<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><b>5. Do encourage comparison in your chart design<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">While you should simplify the structural chart elements, you don\u2019t want to oversimplify your data. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Charts and infographics that compare multiple data series can be much more persuasive than oversimplified charts or isolated numbers. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Allowing readers to make their own visual comparisons can nurture that powerful \u201ca-ha\u201d moment that we\u2019re all looking for.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The typical approach to creating comparisons is to include multiple datasets in a <a href=\"https:\/\/venngage.com\/templates\/charts\/single\">single chart<\/a>:<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/reports\/year-review-1-3-column-3dfd4449-c4b3-40eb-b274-bfdda1d8125b\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16140\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/comparison-line.png\" alt=\"chart design\" width=\"650\" height=\"841\" data-darkreader-inline-border-top=\"\" data-darkreader-inline-border-right=\"\" data-darkreader-inline-border-bottom=\"\" data-darkreader-inline-border-left=\"\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/reports\/year-review-1-3-column-3dfd4449-c4b3-40eb-b274-bfdda1d8125b\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">But there\u2019s also something called the \u201c<\/span><a href=\"http:\/\/www.juiceanalytics.com\/writing\/better-know-visualization-small-multiples\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">small multiples<\/span><\/a><span style=\"font-weight: 400;\">\u201d approach that\u2019s a bit of a game changer. &nbsp;With the small multiples approach, you line up a few small, simple charts side-by-side, and give each chart a different variable or set of data:<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/map-series-24ac4453-d8b8-430e-b1d6-5c5061bf47f3\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16158\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/small-multiples.png\" alt=\"chart design\" width=\"650\" height=\"502\" data-darkreader-inline-border-top=\"\" data-darkreader-inline-border-right=\"\" data-darkreader-inline-border-bottom=\"\" data-darkreader-inline-border-left=\"\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/map-series-24ac4453-d8b8-430e-b1d6-5c5061bf47f3\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">This technique allows you to compare many more variables than you could in a single chart. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Check out this fun visualization from <\/span><a href=\"https:\/\/pudding.cool\/2017\/12\/hater\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">The Pudding<\/span><\/a><span style=\"font-weight: 400;\"> about some of the things we hate:<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/pudding-small-multiples.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16154\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/pudding-small-multiples.png\" alt=\"chart design\" width=\"650\" height=\"428\" data-darkreader-inline-border-top=\"\" data-darkreader-inline-border-right=\"\" data-darkreader-inline-border-bottom=\"\" data-darkreader-inline-border-left=\"\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">They could have combined all of the lines into one chart, but it wouldn\u2019t have had nearly the same impact. By using small multiples, they were able to use color (a gradient from warm to cool) to express sentiment, instead of using it to distinguish between lots of lines on one chart.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To make the small multiples approach work for you, keep these constraints in mind:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Apply the same visual treatment to each chart and use the same axes and scaling. <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Line up and arrange charts in a meaningful order (usually by time or magnitude) so they\u2019re easy to compare.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Make each chart small, simple, and understandable at a glance.<\/span><\/li>\n<\/ul>\n<p><strong>Related<\/strong>: <a href=\"https:\/\/venngage.com\/blog\/6-comparison-infographic-templates\/\" target=\"_blank\" rel=\"noopener\">20+ Comparison Infographic Templates and Data Visualization Tips<\/a><\/p>\n<h2><\/h2>\n<h2><b>6. Don\u2019t overlook the power of words in your chart design<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">So far I\u2019ve talked a lot about data, but words are just as important to chart design as numbers are.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Words, in the form of titles, captions, and annotations, can be used to frame a narrative around each chart. These basic chart elements are your opportunity to tell your readers <\/span><a href=\"https:\/\/venngage.com\/blog\/data-storytelling\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">the story that\u2019s in your data<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The way most of us were taught to write chart titles back in elementary school is to simply state the variables visualized in the chart. Like \u201cDensity of Precious Metals\u201d, for example.<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/titles-min.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16171\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/titles-min.png\" alt=\"chart design\" width=\"650\" height=\"234\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s descriptive, but it doesn\u2019t tell us anything about the actual data. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">This type of title is a missed opportunity. It could have stated: \u201cGold is nearly twice as dense as silver\u201d if that\u2019s the point we were trying to make. It could have told us something more meaningful about the chart.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Alternatively, you can keep the typical title structure, but add an extra annotation as a feature of your chart design:<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/wheat-agriculture-area-chart-cf7018f1-77eb-40d9-b85c-039666b19925\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16134\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/annotation.png\" alt=\"chart design\" width=\"650\" height=\"502\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/wheat-agriculture-area-chart-cf7018f1-77eb-40d9-b85c-039666b19925\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">The best example I\u2019ve seen of this approach is in a graphic about driving deaths in the United States from the <\/span><a href=\"https:\/\/archive.nytimes.com\/www.nytimes.com\/interactive\/2012\/09\/17\/science\/driving-safety-in-fits-and-starts.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">New York Times<\/span><\/a><span style=\"font-weight: 400;\">. The author has scattered tiny snippets of insight amongst the data&#8211;pointing out important dates to provide context where necessary.<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/driving-safety.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16143\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/driving-safety.jpg\" alt=\"chart design\" width=\"650\" height=\"424\" data-darkreader-inline-border-top=\"\" data-darkreader-inline-border-right=\"\" data-darkreader-inline-border-bottom=\"\" data-darkreader-inline-border-left=\"\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Like this data journalist has, do your best to make the language in your chart succinct and impactful. <\/span><\/p>\n<p>Use titles to convey the conclusions that you want your reader to take away from the graph. Use annotations to provide context can help the viewer find things they relate to within the data.<\/p>\n<h2><b>7. Do show the right amount of data<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">An essential part of proper chart design is choosing the right amount of data to display.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You need to find that balance between complexity and clarity to create a chart that\u2019s both legible and persuasive.<\/span><\/p>\n<p><a href=\"http:\/\/flowingdata.com\/2015\/08\/11\/real-chart-rules-to-follow\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Nathan Yau<\/span><\/a><span style=\"font-weight: 400;\"> sums up the idea of \u201cshowing\u201d the data quite nicely with this visual:<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/amount-of-data.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16133\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/amount-of-data.png\" alt=\"chart design\" width=\"650\" height=\"135\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Ideally, in an infographic, you want to find the lowest common denominator\u2014or the smallest amount of data that will support the point you\u2019re trying to make. <\/span><\/p>\n<p>But there are a few factors at play here: your audience, your message, and the data itself.<\/p>\n<p><span style=\"font-weight: 400;\">Some audiences will expect more context, more detail, and more data before they\u2019ll take your word as fact. Other audiences will be more concerned about the time it takes to read your graph, and will want to see less data presented more simply. &nbsp;<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/simple-complex-01.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16157\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/simple-complex-01.png\" alt=\"chart design\" width=\"650\" height=\"1025\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Play with the level of detail in your data to find the balance that\u2019s right for your audience.<\/span><\/p>\n<h2><b>8. Don\u2019t stick with standard chart sizes<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Similarly, play with chart size and scale to find the best fit for your data.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The aspect ratio of a chart can play a significant role in how the data is perceived, especially for slope-based charts like the line chart, area chart, and scatterplot.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Different aspect ratios can make the same data seem much more (or less) dramatic. <\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/aspect-ratios.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16162 size-full\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/aspect-ratios.png\" alt=\"chart design\" width=\"600\" height=\"400\"><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/eagereyes.org\/basics\/banking-45-degrees\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">A general rule of thumb is to find the aspect ratio at which the average slope of the data line is about 45\u00b0. William Cleveland, a great of the data visualization world, has suggested that <\/span><a href=\"http:\/\/www.jstor.org\/stable\/2288843\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">slopes are most readable<\/span><\/a><span style=\"font-weight: 400;\"> at this angle.<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/aspect-ratio-min.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16165\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/aspect-ratio-min.png\" alt=\"chart design\" width=\"650\" height=\"234\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">But you might be asking: how can I make a weird aspect ratio work in a normal page size?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Answer: let the proportions of the chart dictate the layout of the page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Work other page content, like descriptions and headers, around the chart. &nbsp;<\/span><\/p>\n<p>In Venngage, adjusting chart sizing and element positioning is as simple as clicking and dragging, so you can make any template work with your data:<\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/response-times-9d53617d-f4c6-416a-96f7-e47a381d8311\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16163\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/line-charts-with-variation-02.png\" alt=\"chart design\" width=\"650\" height=\"258\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/response-times-9d53617d-f4c6-416a-96f7-e47a381d8311\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">At the same time, <\/span><a href=\"https:\/\/venngage.com\/blog\/misleading-graphs\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">avoid data distortion<\/span><\/a><span style=\"font-weight: 400;\">. Make any unorthodox scaling obvious, start your axes at 0, and use consistent axis intervals.<\/span><\/p>\n<h2><b>9. Do the math<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Most of us aren\u2019t good at mental math. And we\u2019re even worse at doing math based on what we see in charts.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We struggle to keep complex bits of imagery in our minds while we make comparisons between lines, bars, or points in a chart.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Instead of asking your viewer to make these visual comparisons on the fly: do the math yourself and chart the result.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This chart from the <\/span><a href=\"https:\/\/www.nytimes.com\/interactive\/2017\/12\/29\/opinion\/2017-the-year-in-charts.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">New York Times<\/span><\/a><span style=\"font-weight: 400;\"> plots the percent change in average hourly wages year-over-year instead of absolute hourly wages, making it easy to immediately see the big drops:<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/percent-change.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16152\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/percent-change.png\" alt=\"chart design\" width=\"650\" height=\"443\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Even if you\u2019re not a data journalist, you can make charts that are just as effective.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bar charts that show percent change, like the one below, are simpler to make but still drive those key ideas home.<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/approaches-comparison--8c7db5df-16f7-4f2b-bf4e-7538fc63ce41\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16153\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/percent-change-1.png\" alt=\"chart design\" width=\"650\" height=\"781\" data-darkreader-inline-border-top=\"\" data-darkreader-inline-border-right=\"\" data-darkreader-inline-border-bottom=\"\" data-darkreader-inline-border-left=\"\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/approaches-comparison--8c7db5df-16f7-4f2b-bf4e-7538fc63ce41\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">So get out that calculator and do some math! Your readers will thank you.<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/math-min.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16170\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/math-min.png\" alt=\"chart design\" width=\"650\" height=\"234\"><\/a><\/p>\n<h2><\/h2>\n<h2><b>10. Do make your chart design memorable<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">According to a <\/span><a href=\"https:\/\/blogs.worldbank.org\/opendata\/what-makes-data-visualization-memorable\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">study<\/span><\/a><span style=\"font-weight: 400;\"> led by Harvard researcher Michelle Borkin, a number of factors can make charts and data visualizations more memorable.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">I\u2019ve already covered a few of these factors above, including using descriptive text and titles to hammer key messages home, minimizing the eye movement required to understand a visual, and highlighting important data points.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But that\u2019s not all you can do. <\/span><\/p>\n<p>Try to come up with new ways to display your data. Charts that are unique are often the most engaging and memorable.<\/p>\n<p><span style=\"font-weight: 400;\">Visual metaphors work well. Just placing this pie chart in a coffee mug gives it that memorable edge:<\/span><\/p>\n<p><a href=\"https:\/\/venngage.com\/templates\/charts\/colorful-chart-ad634a03-852d-4540-bcb8-e6e113fc9c11\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16155\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/relatable.png\" alt=\"chart design\" width=\"650\" height=\"650\"><\/a><\/p>\n<p><center><a href=\"https:\/\/venngage.com\/templates\/charts\/colorful-chart-ad634a03-852d-4540-bcb8-e6e113fc9c11\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\">GET THIS TEMPLATE<\/button><\/a><\/center><\/p>\n<p><span style=\"font-weight: 400;\">An inspiration of mine, <\/span><a href=\"https:\/\/www.instagram.com\/p\/BV4-kWxFrfX\/?hl=en&amp;taken-by=monachalabi\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Mona Chalabi<\/span><\/a><span style=\"font-weight: 400;\">, has absolutely mastered the art of the unique, memorable visual. Check out this creative visual, where she uses familiar fruits to show us the size of our organs:<\/span><\/p>\n<p><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/mona-min.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-16176\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/mona-min.png\" alt=\"chart design\" width=\"650\" height=\"539\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">If you can find a new perspective or tie your data to concrete, relatable examples, your audience will get a kick out of it, and will be more likely to remember it.<\/span><\/p>\n<h2><b>Conclusion<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">High impact chart design is more of a science than an art. These 10 do\u2019s and don\u2019ts will get you well on your way to designing effective charts for your next infographic, report, or presentation.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><b>Do<\/b><span style=\"font-weight: 400;\"> use the right chart for your data.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Don\u2019t<\/b><span style=\"font-weight: 400;\"> (necessarily) use legends.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Do<\/b><span style=\"font-weight: 400;\"> highlight some details and suppress others.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Don\u2019t<\/b><span style=\"font-weight: 400;\"> introduce unnecessary complexity.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Do<\/b><span style=\"font-weight: 400;\"> encourage comparison.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Don\u2019t<\/b><span style=\"font-weight: 400;\"> overlook the power of words.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Do<\/b><span style=\"font-weight: 400;\"> show the right amount of data.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Don\u2019t<\/b><span style=\"font-weight: 400;\"> stick with standard chart sizes.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Do<\/b><span style=\"font-weight: 400;\"> the math.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Do<\/b><span style=\"font-weight: 400;\"> make your chart design memorable.<\/span><\/li>\n<\/ol>\n<h2>NEW! Introducing: Marketing Statistics Report 2022<\/h2>\n<p>It&#8217;s 2022 already. Marketers, are you still using data from pre-COVID times?<\/p>\n<p>Don&#8217;t make decisions based on outdated data that no longer applies. It&#8217;s time you keep yourself informed of the latest marketing statistics and trends during the past two years, and learn how COVID-19 has affected marketing efforts in different industries \u2014 <b>with this FREE marketing statistics report put together by Venngage and <a href=\"https:\/\/hubspot.com\/\" target=\"_blank\" rel=\"noopener\">HubSpot<\/a>.<\/b><\/p>\n<p>The report uses data gathered from over 100,000 customers of HubSpot CRM. In addition to that, you&#8217;ll also know about the trends in using visuals in content marketing and the impacts of the pandemic on visual content, from 200+ marketers all over the world interviewed by Venngage.<\/p>\n<p>Grab your copy now \u2014 it&#8217;s not like any other marketing reports out there, plus it&#8217;s 100% free!<br \/>\n<a href=\"https:\/\/offers.hubspot.com\/marketing-statistics-report?utm_source=hscm-venngage-ebook-2022-blg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-50398\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/05\/Marketing-Statistics-Report-Thumbnail.png\" alt=\"marketing statistics report 2022 Venngage Hubspot\" width=\"1200\" height=\"628\" data-darkreader-inline-boxshadow=\"\"><\/a><\/p>\n<p><center><a href=\"https:\/\/offers.hubspot.com\/marketing-statistics-report?utm_source=hscm-venngage-ebook-2022-blg\" target=\"_blank\" rel=\"noopener\"> <button class=\"btn-cta\" data-darkreader-inline-color=\"\" data-darkreader-inline-boxshadow=\"\" data-darkreader-inline-bgimage=\"\" data-darkreader-inline-bgcolor=\"\"><b>GET YOUR FREE COPY<\/b><\/button><\/a><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Charts have been used to communicate information clearly and effectively for centuries. These days we see charts as commonplace\u2014a type of visual that everyone can, and should, make for infographics, reports, and presentations. That\u2019s because charts, when done right, can help viewers understand complex data. They can help reveal patterns, provide context, and describe relationships [&hellip;]<\/p>\n","protected":false},"author":58,"featured_media":16132,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[95,608],"tags":[220,228],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"10 chart design rules that separate clear data visualization from visual noise, with real examples. Know what to do and what to cut before building your next infographic.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/venngage.com\/blog\/chart-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Important Do&#039;s and Don&#039;ts of Chart &amp; Infographic Design [2026 Guide]\" \/>\n<meta property=\"og:description\" content=\"10 chart design rules that separate clear data visualization from visual noise, with real examples. Know what to do and what to cut before building your next infographic.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/venngage.com\/blog\/chart-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Venngage\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Venngage\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-14T12:44:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-12T11:01:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2281\" \/>\n\t<meta property=\"og:image:height\" content=\"1250\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@venngage\" \/>\n<meta name=\"twitter:site\" content=\"@venngage\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Midori Nediger\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/venngage.com\/blog\/#website\",\"url\":\"https:\/\/venngage.com\/blog\/\",\"name\":\"Venngage\",\"description\":\"Learn to Communicate with Data\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/venngage.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/venngage.com\/blog\/chart-design\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/header.png\",\"contentUrl\":\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/header.png\",\"width\":2281,\"height\":1250,\"caption\":\"chart design\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/venngage.com\/blog\/chart-design\/#webpage\",\"url\":\"https:\/\/venngage.com\/blog\/chart-design\/\",\"name\":\"10 Important Do's and Don'ts of Chart & Infographic Design [2026 Guide]\",\"isPartOf\":{\"@id\":\"https:\/\/venngage.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/venngage.com\/blog\/chart-design\/#primaryimage\"},\"datePublished\":\"2018-05-14T12:44:59+00:00\",\"dateModified\":\"2026-03-12T11:01:09+00:00\",\"author\":{\"@id\":\"https:\/\/venngage.com\/blog\/#\/schema\/person\/1e6ef71ec4df828e0f82e52c92b4fdb1\"},\"description\":\"10 chart design rules that separate clear data visualization from visual noise, with real examples. Know what to do and what to cut before building your next infographic.\",\"breadcrumb\":{\"@id\":\"https:\/\/venngage.com\/blog\/chart-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/venngage.com\/blog\/chart-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/venngage.com\/blog\/chart-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/venngage.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Data Visualization\",\"item\":\"https:\/\/venngage.com\/blog\/category\/data-visualization\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"10 Do\\u2019s and Don\\u2019ts of Infographic &#038; Chart Design\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/venngage.com\/blog\/#\/schema\/person\/1e6ef71ec4df828e0f82e52c92b4fdb1\",\"name\":\"Midori Nediger\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/venngage.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/11bddeb2cd78e2236f2134d22bb74557?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/11bddeb2cd78e2236f2134d22bb74557?s=96&d=mm&r=g\",\"caption\":\"Midori Nediger\"},\"description\":\"Midori Nediger as an information designer at Venngage with a passion for data visualization, infographics, and visual communication. Her work focuses on transforming complex data into clear, engaging visuals that tell compelling stories. Midori\\u2019s expertise in visual design helps brands and businesses communicate their messages effectively, making data more accessible and impactful for a wide range of audiences. She\\u2019s particularly interested in helping people communicate complex information. Connect with her on LinkedIn and on Twitter @MNediger.\",\"sameAs\":[\"https:\/\/venngage.com\"],\"url\":\"https:\/\/venngage.com\/blog\/author\/midori\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"description":"10 chart design rules that separate clear data visualization from visual noise, with real examples. Know what to do and what to cut before building your next infographic.","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:\/\/venngage.com\/blog\/chart-design\/","og_locale":"en_US","og_type":"article","og_title":"10 Important Do's and Don'ts of Chart & Infographic Design [2026 Guide]","og_description":"10 chart design rules that separate clear data visualization from visual noise, with real examples. Know what to do and what to cut before building your next infographic.","og_url":"https:\/\/venngage.com\/blog\/chart-design\/","og_site_name":"Venngage","article_publisher":"https:\/\/www.facebook.com\/Venngage","article_published_time":"2018-05-14T12:44:59+00:00","article_modified_time":"2026-03-12T11:01:09+00:00","og_image":[{"width":2281,"height":1250,"url":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/header.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@venngage","twitter_site":"@venngage","twitter_misc":{"Written by":"Midori Nediger","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/venngage.com\/blog\/#website","url":"https:\/\/venngage.com\/blog\/","name":"Venngage","description":"Learn to Communicate with Data","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/venngage.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/venngage.com\/blog\/chart-design\/#primaryimage","inLanguage":"en-US","url":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/header.png","contentUrl":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2018\/05\/header.png","width":2281,"height":1250,"caption":"chart design"},{"@type":"WebPage","@id":"https:\/\/venngage.com\/blog\/chart-design\/#webpage","url":"https:\/\/venngage.com\/blog\/chart-design\/","name":"10 Important Do's and Don'ts of Chart & Infographic Design [2026 Guide]","isPartOf":{"@id":"https:\/\/venngage.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/venngage.com\/blog\/chart-design\/#primaryimage"},"datePublished":"2018-05-14T12:44:59+00:00","dateModified":"2026-03-12T11:01:09+00:00","author":{"@id":"https:\/\/venngage.com\/blog\/#\/schema\/person\/1e6ef71ec4df828e0f82e52c92b4fdb1"},"description":"10 chart design rules that separate clear data visualization from visual noise, with real examples. Know what to do and what to cut before building your next infographic.","breadcrumb":{"@id":"https:\/\/venngage.com\/blog\/chart-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/venngage.com\/blog\/chart-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/venngage.com\/blog\/chart-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/venngage.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Data Visualization","item":"https:\/\/venngage.com\/blog\/category\/data-visualization\/"},{"@type":"ListItem","position":3,"name":"10 Do\u2019s and Don\u2019ts of Infographic &#038; Chart Design"}]},{"@type":"Person","@id":"https:\/\/venngage.com\/blog\/#\/schema\/person\/1e6ef71ec4df828e0f82e52c92b4fdb1","name":"Midori Nediger","image":{"@type":"ImageObject","@id":"https:\/\/venngage.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/11bddeb2cd78e2236f2134d22bb74557?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/11bddeb2cd78e2236f2134d22bb74557?s=96&d=mm&r=g","caption":"Midori Nediger"},"description":"Midori Nediger as an information designer at Venngage with a passion for data visualization, infographics, and visual communication. Her work focuses on transforming complex data into clear, engaging visuals that tell compelling stories. Midori\u2019s expertise in visual design helps brands and businesses communicate their messages effectively, making data more accessible and impactful for a wide range of audiences. She\u2019s particularly interested in helping people communicate complex information. Connect with her on LinkedIn and on Twitter @MNediger.","sameAs":["https:\/\/venngage.com"],"url":"https:\/\/venngage.com\/blog\/author\/midori\/"}]}},"_links":{"self":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/16131"}],"collection":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/comments?post=16131"}],"version-history":[{"count":24,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/16131\/revisions"}],"predecessor-version":[{"id":110883,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/16131\/revisions\/110883"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/media\/16132"}],"wp:attachment":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/media?parent=16131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/categories?post=16131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/tags?post=16131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}