{"id":2998,"date":"2017-03-28T08:30:46","date_gmt":"2017-03-28T08:30:46","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=2998"},"modified":"2017-03-28T09:37:42","modified_gmt":"2017-03-28T09:37:42","slug":"dashboard-design-trends","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/","title":{"rendered":"8 Dashboard Design Trends for 2017"},"content":{"rendered":"<p><a href=\"https:\/\/www.anychart.com\/solutions\/sales-dashboard-solution\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone wp-image-3011 size-full\" title=\"Interactive Sales Dashboard written in JavaScript (HTML5). Click to see its interactive version\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png\" alt=\"Dashboard Design Trends: Top 8 in 2017\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png 922w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017-300x177.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017-768x452.png 768w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/a>With the explosion\u00a0of data in the past few years, the relevance of understanding it better\u00a0has grown to the highest\u00a0extent. That is why\u00a0expertise in interactive charting and dashboard design, as well as in the whole\u00a0big Data Visualization and Data Science fields in general, has become so important nowadays. In fact, it is usually rather difficult to understand raw data as deeply and quickly as needed. Luckily, neat\u00a0visual representation of information can be helpful in\u00a0clarifying even very large amounts of data, discovering and exploring patterns in data, and then making (right) data-driven decisions.<\/p>\n<p>Creating <a href=\"https:\/\/www.anychart.com\/solutions\" target=\"_blank\">dashboards<\/a> is\u00a0a\u00a0great way\u00a0of transforming\u00a0diverse relevant data into informative, insightful visualizations as the basis for\u00a0further analysis. In order to obtain the\u00a0highest possible efficiency, they\u00a0should\u00a0be insightful, featuring robust usability, and visually (and aesthetically) appealing.<\/p>\n<p>Today we&#8217;ll talk about the most notable dashboard\u00a0design trends. Understanding them is very important to each\u00a0data professional who wants to further improve their skills by keeping up with the times and adhering to the best practices.<\/p>\n<p><!--more--><\/p>\n<h2>Revealing Trends in Dashboard Design<\/h2>\n<h3>Cross-Platform Dashboards\u00a0Based on Responsive Design Principles<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone wp-image-3001 size-full\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/responsive-dashboards-1.png\" alt=\"Responsive Dashboard Design for Different Platforms\" width=\"100%\" \/><\/a><\/p>\n<p>Nowadays, the abundance of portable devices with constant connection to the Internet enables complete\u00a0<em>mobilization<\/em> of people and operations. Many people\u00a0can easily take their work home,\u00a0analyze data remotely, or explore data visualizations on their cell phones, tablets, and so on in multiple\u00a0other situations. And dashboards have\u00a0to adapt to this trend.<\/p>\n<p>Whether it&#8217;s the small screen\u00a0of smartphones or\u00a0tablets, or the large screen of PC computers\u00a0and video walls, dashboards now should\u00a0provide the same great experience on all kinds of displays and platforms. Responsive dashboard design is a great\u00a0way\u00a0to keep the\u00a0completeness,\u00a0accuracy and insightfulness of a data report across\u00a0all mobile and desktop devices.<\/p>\n<h3>Interactive Dashboard Design as Top-Notch Feature<\/h3>\n<p>A\u00a0static presentation, fixed charts and monolith reports are currently\u00a0considered a bad dashboard design model.\u00a0In fact, the days when this was acceptable are long gone.<\/p>\n<p>Instead, it&#8217;s an\u00a0interactive dashboard that can improve viewers&#8217; engagement and provide a\u00a0beneficial\u00a0user experience via intuitive controls and visual features. <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Tooltip\" target=\"_blank\" rel=\"nofollow\">Tooltips<\/a> that pop up when a data point is <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Interactivity#hover\" target=\"_blank\" rel=\"nofollow\">hovered<\/a> over with the mouse, <a href=\"https:\/\/docs.anychart.com\/Stock_Charts\/Range_Selection\" target=\"_blank\" rel=\"nofollow\">range selection<\/a> interfaces, <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Interactivity#include_and_exclude_points\" target=\"_blank\" rel=\"nofollow\">exclude\/include data point<\/a>\u00a0options, etc. \u2013 all these enable a much more comprehensive and insightful data analysis.\u00a0That is why such features are\u00a0now more and more widespread in top\u00a0dashboard design practices.<\/p>\n<p>To get a better idea of what the world would look like if we did not have\u00a0interactivity,\u00a0take a look at the following simple example of a <a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Column_Charts\/Stacked_Column_Chart.php\" target=\"_blank\">stacked column (vertical bar)\u00a0chart<\/a> from a sample <a href=\"https:\/\/www.anychart.com\/solutions\/human-resources-dashboard\/\" target=\"_blank\">HR dashboard<\/a>:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-3002 size-full\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-crowded.png\" alt=\"Stacked Bar Chart from Dashboard Designed for HR\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-crowded.png 1162w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-crowded-300x176.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-crowded-768x449.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-crowded-1024x599.png 1024w\" sizes=\"(max-width: 1162px) 100vw, 1162px\" \/><\/p>\n<p>Well, it looks helpful\u00a0to identify the tallest and smallest total columns overall. But what if we now want to dig into more details? That is hardly possible with that chart but can be easily fixed with the help of the range selection UI controls, not to mention tooltips with additional information. For example:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-3003 size-full\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-filtered.png\" alt=\"Interactivity Helps: Stacked Bar Chart from Dashboard Designed for Human Relations Departments\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-filtered.png 1162w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-filtered-300x176.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-filtered-768x449.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-filtered-1024x599.png 1024w\" sizes=\"(max-width: 1162px) 100vw, 1162px\" \/><\/p>\n<p>This is just a very basic example of how <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Interactivity\" target=\"_blank\" rel=\"nofollow\">interactivity<\/a> and various corresponding features\u00a0can be helpful in dashboard design.<\/p>\n<h3>Updates from Live Data Sources in Real Time<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\/solutions\/site-speed-solution\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone wp-image-3004 size-full\" title=\"Click to see the interactive version of this JavaScript (HTML5) based Site Speed Evaluation dashboard\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/site-speed-dashboard.png\" alt=\"Real-Time Dashboarding with Large Data Sets\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/site-speed-dashboard.png 1297w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/site-speed-dashboard-300x162.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/site-speed-dashboard-768x416.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/site-speed-dashboard-1024x554.png 1024w\" sizes=\"(max-width: 1297px) 100vw, 1297px\" \/><\/a><\/p>\n<p>New data is being produced nonstop. Just look at this: 90% of the existing data are reported to have emerged\u00a0for only\u00a0the last two years, and, for example, 204 million emails are being sent every minute. These facts\u00a0clearly demonstrate\u00a0the gargantuan rate of continuous growth of the aggregate volume\u00a0of data out there. Moreover, data quickly\u00a0loses its relevance, and even one-day-old figure\u00a0can already be irrelevant in a number of cases.\u00a0As a result, people\u00a0more and more often\u00a0need to analyze large amounts of data and\/or conduct analysis in real time.<\/p>\n<p>Visualizing\u00a0large data sets and even big data as well as building real-time visualizations require <a href=\"https:\/\/www.anychart.com\/products\/anystock\/benchmark\/\" target=\"_blank\">excellent performance<\/a> from\u00a0an appropriate dashboarding\u00a0solution in addition to its ability to constantly update information once it&#8217;s changed in the data source. So be careful when, for example, <a href=\"https:\/\/www.anychart.com\/blog\/2017\/03\/05\/how-to-choose-the-right-javascript-charting-component-10-factors-you-have-to-consider\/\" target=\"_blank\">choosing a JavaScript charting library<\/a> as not all the data visualization software\u00a0is a good fit in these terms.<\/p>\n<h3>Use of Maps for Geovisualization in Dashboards<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\/products\/anymap\/gallery\/Maps_in_Dashboard\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone wp-image-3005 size-full\" title=\"Click to go to the interactive version of this US States dashboard created with JavaScript (HTML5)\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/usstates-dashboard-design.png\" alt=\"US States Dashboard as Example of Design with Maps\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/usstates-dashboard-design.png 1080w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/usstates-dashboard-design-300x171.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/usstates-dashboard-design-768x437.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/usstates-dashboard-design-1024x582.png 1024w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p>Volume of geospatial\u00a0data is growing in line with the data overall. So, today it is pretty common to see\u00a0map based interactive geovisualizations\u00a0on various dashboards. There are multiple chart types of that kind, specifically designed for providing a help with analyzing geospatial, location-related data. The most widespread ones are:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.anychart.com\/products\/anymap\/gallery\/Maps_Choropleth\/\" target=\"_blank\">Choropleth map<\/a>;<\/li>\n<li><a href=\"https:\/\/www.anychart.com\/products\/anymap\/gallery\/Maps_Point_Maps_(Dot_Maps)\/\" target=\"_blank\">Point map<\/a> (Dot map);<\/li>\n<li><a href=\"https:\/\/www.anychart.com\/products\/anymap\/gallery\/Maps_Bubble\/\" target=\"_blank\">Bubble map<\/a> (Proportion Symbol map);<\/li>\n<li><a href=\"https:\/\/www.anychart.com\/products\/anymap\/gallery\/Maps_Connectors\/\" target=\"_blank\">Connector map<\/a>;<\/li>\n<li><a href=\"https:\/\/www.anychart.com\/products\/anymap\/gallery\/Seat_Maps\/\" target=\"_blank\">Seat map<\/a>.<\/li>\n<\/ul>\n<p>The <a href=\"https:\/\/docs.anychart.com\/Maps\/Drill_Down_Maps\/Overview\" target=\"_blank\" rel=\"nofollow\">drill-down<\/a> feature, which allows viewers to plunge into data one level deeper, has already\u00a0become a must-have for the leading charting and dashboarding solutions. For example, it lets you easily switch between country, region and area-specific\u00a0data. When certain\u00a0locations\u00a0matter, the <a href=\"https:\/\/docs.anychart.com\/Maps\/Map_Crosshair\" target=\"_blank\" rel=\"nofollow\">map crosshair<\/a> feature is often used.<\/p>\n<h3>Explicit Modularity in Dashboard Layout Design<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\/solutions\/web-audience\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone wp-image-3006 size-full\" title=\"Click to view this interactive JS\/HTML5 Web Audience dashboard\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/web-audience-dashboard-design.png\" alt=\"Web Audience (Website Traffic) Modular Dashboard Design\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/web-audience-dashboard-design.png 1110w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/web-audience-dashboard-design-300x184.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/web-audience-dashboard-design-768x470.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/web-audience-dashboard-design-1024x627.png 1024w\" sizes=\"(max-width: 1110px) 100vw, 1110px\" \/><\/a><\/p>\n<p>The modular style\u00a0is gaining more and more popularity for its attractive simplicity and the ability to place emphasis strikingly well. Having its roots mainly in the typography (the primary field in which the term was coined and pioneered), the style still preserves the distinctive traits of crisp and nifty clarity. The main features of a\u00a0modularly styled dashboard design are:<\/p>\n<ul>\n<li>intuitive grid layout, often fluid, allowing individual tiles to flow;<\/li>\n<li>cognizant use of typography, bringing emphasis to the details without bold stress;<\/li>\n<li>smart utilization of blank spaces to logically divide the content;<\/li>\n<li>minimalist graphics without any complexity.<\/li>\n<\/ul>\n<p>This style plays out great with dashboards because of its ability to facilitate clear and concise communication of data in a beautiful, consistent manner.<\/p>\n<h3>Minimalism and Simplicity<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Dashboards\/Software_Sales_Dashboard.php\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone wp-image-3009 size-full\" title=\"Check out the interactive version of the HTML5 (JavaScript-based) Software Sales Dashboard shown on the picture\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/software-sales-dashboard-design.png\" alt=\"Simple Forms in Dashboard Design - Software Sales Dashboard as Example\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/software-sales-dashboard-design.png 994w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/software-sales-dashboard-design-300x165.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/software-sales-dashboard-design-768x422.png 768w\" sizes=\"(max-width: 994px) 100vw, 994px\" \/><\/a><\/p>\n<p>In the context of style, minimalism in dashboard design is likely to be appreciated all the more.\u00a0Overloading charts with unnecessary graphics,\u00a0series\u00a0or\u00a0points usually makes important details blurred. So, dashboards should display only relevant information, the one that&#8217;s going to be useful.<\/p>\n<p>Adherence to concise, almost ascetic visualization and use of simple forms facilitate the perception and analysis of data. That&#8217;s why the minimalist design of dashboards is becoming more popular than\u00a0massive, complexly detailed 3D\u00a0visuals.<\/p>\n<h3>Data Speaks First<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\/solutions\/investment-portfolio-dashboard\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone wp-image-3007 size-full\" title=\"Click to see the interactive version of this Investment Portfolio Dashboard with JS charts (HTML5)\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/investment-portfolio-dashboard-design-for-simple-forms.png\" alt=\"Investment Portfolio Dashboard Where Data Is Allowed to Speak\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/investment-portfolio-dashboard-design-for-simple-forms.png 1116w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/investment-portfolio-dashboard-design-for-simple-forms-300x161.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/investment-portfolio-dashboard-design-for-simple-forms-768x412.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/investment-portfolio-dashboard-design-for-simple-forms-1024x549.png 1024w\" sizes=\"(max-width: 1116px) 100vw, 1116px\" \/><\/a><\/p>\n<p>I believe all of us\u00a0understand how the style and conciseness are important to the good communication\u00a0of data by means of dashboards. However, it is also important to understand that the data itself should fit\u00a0the standards of usability and relevance when\u00a0visualized. It is absolutely of no use to stick together\u00a0several charts just because they look cute\u00a0together.<\/p>\n<p>Not that style should fly out of the window, but it&#8217;s data patterns that deserve at least no less\u00a0attention.\u00a0There&#8217;s certainly a need to make all forms and combinations appropriate to let the data speak and provide insights through its visualization.<\/p>\n<h3>Importance of Choosing Right Chart Types for Dashboard Design<\/h3>\n<p><a href=\"https:\/\/www.anychart.com\/chartopedia\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone wp-image-2929 size-full\" title=\"Click to go to Chartopedia, the definitive guide to chart types and their purposes\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/chartopedia_.gif\" alt=\"Choosing Right Chart Types for Dashboards with Chartopedia\" width=\"100%\" \/><\/a><\/p>\n<p>Choosing the right chart type for\u00a0your specific data and purpose\u00a0is very important. Wrong\u00a0chart\u00a0types can make your dashboard much less insightful than it could be, not to mention a mess that could follow harmful decisions based on such a presentation.<\/p>\n<p>All in all, there are <a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/\" target=\"_blank\">so many chart types out there<\/a>.\u00a0And sometimes it is very difficult to decide which one is the best to communicate data in this\u00a0or that situation. However, we are all welcome to get some help here\u00a0from various resources. In addition to books (and googling), an excellent example is <a href=\"https:\/\/www.anychart.com\/chartopedia\/\" target=\"_blank\">Chartopedia.<\/a>\u00a0It is\u00a0a new data visualization guide which allows you to\u00a0pick the right chart type depending on the purpose of your data analysis. Chartopedia\u00a0describes\u00a0an abundance of chart types in detail, all with live examples and links to relevant <a href=\"https:\/\/docs.anychart.com\" target=\"_blank\" rel=\"nofollow\">documentation manuals<\/a> on how to quickly create one in JavaScript (HTML5).<\/p>\n<h2>Conclusion<\/h2>\n<p>Time moves on, and new trends emerge right along. In addition to the eight trends described in this article, there are many others, even more to come.<\/p>\n<p>Keep up with the news feeds of the big data world and do your best to build meaningful,\u00a0<a href=\"https:\/\/www.anychart.com\/solutions\" target=\"_blank\">informative interactive dashboards<\/a>. Basically, practicing\u00a0is what seems to be the best teacher in many activities, including\u00a0dashboard design.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>With the explosion\u00a0of data in the past few years, the relevance of understanding it better\u00a0has grown to the highest\u00a0extent. That is why\u00a0expertise in interactive charting and dashboard design, as well as in the whole\u00a0big Data Visualization and Data Science fields in general, has become so important nowadays. In fact, it is usually rather difficult to [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7,4],"tags":[35,160,161,49,54,32,77,143,79,141,78],"class_list":["post-2998","post","type-post","status-publish","format-standard","hentry","category-business-intelligence","category-dashboards","category-tips-and-tricks","tag-business-intelligence","tag-dashboard-design","tag-dashboard-design-trends","tag-dashboards","tag-data-visualization","tag-html5","tag-html5-dashboards","tag-interactive-dashboard","tag-interactive-html5-dashboard","tag-javascript-charting","tag-js-dashboards","wpautop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dashboard Design Trends for 2017 | AnyChart JS Charts<\/title>\n<meta name=\"description\" content=\"Keep yourself up with the latest trends in Dashboard Design. See what&#039;s happening in this field and adhere to the best charting and dashboarding practices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dashboard Design Trends for 2017 | AnyChart JS Charts\" \/>\n<meta property=\"og:description\" content=\"Keep yourself up with the latest trends in Dashboard Design. See what&#039;s happening in this field and adhere to the best charting and dashboarding practices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/\" \/>\n<meta property=\"og:site_name\" content=\"AnyChart News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AnyCharts\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-28T08:30:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-28T09:37:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png\" \/>\n\t<meta property=\"og:image:width\" content=\"922\" \/>\n\t<meta property=\"og:image:height\" content=\"543\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AnyChart Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:site\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"AnyChart Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/\"},\"author\":{\"name\":\"AnyChart Team\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"headline\":\"8 Dashboard Design Trends for 2017\",\"datePublished\":\"2017-03-28T08:30:46+00:00\",\"dateModified\":\"2017-03-28T09:37:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/\"},\"wordCount\":1358,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png\",\"keywords\":[\"Business Intelligence\",\"dashboard design\",\"dashboard design trends\",\"Dashboards\",\"Data Visualization\",\"HTML5\",\"html5 dashboards\",\"interactive dashboard\",\"interactive html5 dashboard\",\"javascript charting\",\"js dashboards\"],\"articleSection\":[\"Business Intelligence\",\"Dashboards\",\"Tips and Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/\",\"name\":\"Dashboard Design Trends for 2017 | AnyChart JS Charts\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png\",\"datePublished\":\"2017-03-28T08:30:46+00:00\",\"dateModified\":\"2017-03-28T09:37:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"description\":\"Keep yourself up with the latest trends in Dashboard Design. See what's happening in this field and adhere to the best charting and dashboarding practices.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#primaryimage\",\"url\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png\",\"contentUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png\",\"width\":922,\"height\":543},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"8 Dashboard Design Trends for 2017\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\",\"url\":\"https:\/\/www.anychart.com\/blog\/\",\"name\":\"AnyChart News\",\"description\":\"AnyChart JS Charts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anychart.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\",\"name\":\"AnyChart Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"caption\":\"AnyChart Team\"},\"sameAs\":[\"https:\/\/www.anychart.com\"],\"url\":\"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dashboard Design Trends for 2017 | AnyChart JS Charts","description":"Keep yourself up with the latest trends in Dashboard Design. See what's happening in this field and adhere to the best charting and dashboarding practices.","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:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/","og_locale":"en_US","og_type":"article","og_title":"Dashboard Design Trends for 2017 | AnyChart JS Charts","og_description":"Keep yourself up with the latest trends in Dashboard Design. See what's happening in this field and adhere to the best charting and dashboarding practices.","og_url":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2017-03-28T08:30:46+00:00","article_modified_time":"2017-03-28T09:37:42+00:00","og_image":[{"width":922,"height":543,"url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png","type":"image\/png"}],"author":"AnyChart Team","twitter_card":"summary_large_image","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"AnyChart Team","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/"},"author":{"name":"AnyChart Team","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"headline":"8 Dashboard Design Trends for 2017","datePublished":"2017-03-28T08:30:46+00:00","dateModified":"2017-03-28T09:37:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/"},"wordCount":1358,"commentCount":0,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png","keywords":["Business Intelligence","dashboard design","dashboard design trends","Dashboards","Data Visualization","HTML5","html5 dashboards","interactive dashboard","interactive html5 dashboard","javascript charting","js dashboards"],"articleSection":["Business Intelligence","Dashboards","Tips and Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/","url":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/","name":"Dashboard Design Trends for 2017 | AnyChart JS Charts","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png","datePublished":"2017-03-28T08:30:46+00:00","dateModified":"2017-03-28T09:37:42+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"description":"Keep yourself up with the latest trends in Dashboard Design. See what's happening in this field and adhere to the best charting and dashboarding practices.","breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#primaryimage","url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png","contentUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/dashboard-design-trends-2017.png","width":922,"height":543},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/28\/dashboard-design-trends\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"8 Dashboard Design Trends for 2017"}]},{"@type":"WebSite","@id":"https:\/\/www.anychart.com\/blog\/#website","url":"https:\/\/www.anychart.com\/blog\/","name":"AnyChart News","description":"AnyChart JS Charts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anychart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b","name":"AnyChart Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","caption":"AnyChart Team"},"sameAs":["https:\/\/www.anychart.com"],"url":"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/2998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=2998"}],"version-history":[{"count":29,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/2998\/revisions"}],"predecessor-version":[{"id":3383,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/2998\/revisions\/3383"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=2998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=2998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=2998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}