{"id":14982,"date":"2015-03-11T20:01:10","date_gmt":"2015-03-11T14:31:10","guid":{"rendered":"http:\/\/blog.fusioncharts.com\/?p=14982"},"modified":"2026-01-20T14:37:06","modified_gmt":"2026-01-20T09:07:06","slug":"collaboration-dashboard","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/","title":{"rendered":"Introducing the Collaboration Dashboard: Team Data"},"content":{"rendered":"Most business applications include a dashboard that provides a high-level overview of various functions; however, these dashboards have a flaw. We believe we have devised a solution to the problem to get rid of the hassle of searching for <a href=\"https:\/\/www.fusioncharts.com\/resources\/dashboard-primers\/collaboration-dashboard\">business dashboards<\/a> and their data points in mails.\r\n\r\nYou can also check out some of our business dashboards built using FusionCharts for web &amp; mobile, or <a href=\"https:\/\/www.fusioncharts.com\/demos\/dashboards\/smart-energy-monitoring-dashboard\">click here for the live preview<\/a> of a Collaboration dashboard.\r\n\r\n<iframe loading=\"lazy\" title=\"FusionCharts | FreshForks Collaboration Dashboard\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/N789nwEyMNM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n\r\n&nbsp;\r\n<blockquote style=\"font-size: 1.5rem\"><a href=\"https:\/\/www.fusioncharts.com\/resources\/dashboard-primers\/collaboration-dashboard\">Demo and Source Code<\/a><\/blockquote>\r\n&nbsp;\r\n\r\n<!--more-->\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#Understanding_the_Problem\" title=\"Understanding the Problem\">Understanding the Problem<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#A_Possible_Solution\" title=\"A Possible Solution\">A Possible Solution<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#Defining_Requirements\" title=\"Defining Requirements\">Defining Requirements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#How_We_Did_It\" title=\"How We Did It?\">How We Did It?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#Components_from_FusionCharts\" title=\"Components from FusionCharts\">Components from FusionCharts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#Features_from_FusionCharts\" title=\"Features from FusionCharts\">Features from FusionCharts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#Other_Features\" title=\"Other Features\">Other Features<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#Chart_Rendering\" title=\"Chart Rendering\">Chart Rendering<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#Addition_of_Event_Listeners\" title=\"Addition of Event Listeners\">Addition of Event Listeners<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#Loading_of_Comments_From_localStorage\" title=\"Loading of Comments From localStorage:\">Loading of Comments From localStorage:<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"Understanding_the_Problem\"><\/span>Understanding the Problem<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p dir=\"ltr\">Collaboration options are minimal when a business user finds an interesting insight or data point on a dashboard. They often take a PDF export or a snapshot of the relevant chart and send that to their colleagues via email.<\/p>\r\n<p dir=\"ltr\">The discussion around the data point continues over email, therefore leading to \u2018tribal knowledge\u2019 known to only a few. Anyone who was not a part of this email thread, or joined the team later, has no clue about the relevant discussion. Not to mention, after a few days, no one remembers this discussion stored in emails, or even finding such information in email requires a lot of cognitive loads.<\/p>\r\nHowever, most dashboards do not think of collaboration or have it as an afterthought with limited options for the business user. In this social world, we collaborate on statuses, pictures, and what\u2019s on Facebook, but we ignore the value of collaboration around business data.\r\n<h2 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"A_Possible_Solution\"><\/span>A Possible Solution<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p dir=\"ltr\">Suppose you are looking at a sales dashboard and notice a sudden jump in sales figures for August. You want to know the story behind it. How did it happen? What can you do to get more such monthly statistics?<\/p>\r\n<p dir=\"ltr\">Your whole team is looking at it, but there\u2019s just no way you can ask your questions without leaving the dashboard. You take a couple of screenshots and start drafting a mail to investigate. All fine till now. What if you have not one but many dashboards to track? What happens then? Slowly it becomes a mess.<\/p>\r\n<span data-preserver-spaces=\"true\">What if you don\u2019t have to do this? What if you can ask questions at the same place that they originated? On the dashboard itself. What if you can click on a data point, and a familiar window pops up where you can post your comments, ask questions, provide answers and do a lot more?<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">Well, no more what-ifs. We have built a solution to solve this problem of collaboration. A single place where you can geek about data. You can\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/www.fusioncharts.com\/resources\/dashboard-primers\/collaboration-dashboard\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">try it here<\/span><\/a><span data-preserver-spaces=\"true\">, and this is how it looks:<\/span>\r\n<p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14998\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2015\/03\/collaboration-dashboard-1.png\" alt=\"Screenshot of collaboration dashboard\" width=\"979\" height=\"518\" srcset=\"\/blog\/wp-content\/uploads\/2015\/03\/collaboration-dashboard-1.png 979w, \/blog\/wp-content\/uploads\/2015\/03\/collaboration-dashboard-1-150x79.png 150w\" sizes=\"auto, (max-width: 979px) 100vw, 979px\" \/><\/p>\r\n<p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-14999\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2015\/03\/collaboration-dashboard-2-1024x588.png\" alt=\"Screenshot of comment area in collaboration dashboard\" width=\"1024\" height=\"588\" \/><\/p>\r\n\r\n<h2 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"Defining_Requirements\"><\/span>Defining Requirements<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p dir=\"ltr\">When we sat out to solve this problem, we had tons of ideas. Incorporating all the suggested features would have resulted in a bloated application instead of a useful one. So we ruthlessly removed many features from our list to make it useful, light, and beautiful. Here\u2019s what our final requirements list looked like:<\/p>\r\n\r\n<ul>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Users should be able to see existing knowledge around the data.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">The visual interaction model for collaboration should be similar to what we all are used to (e.g., Facebook) to reduce cognitive load.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Users should be able to drill into data to find relevant insights.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">If they find an insight, they should be able to easily share the insight in form of actual data or charts. Further discussion should be allowed on this to get insights from other team members.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">All this information should be stored persistently for anyone with access to such data or dashboard, within the organization, to get a quick picture.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p dir=\"ltr\">Did we solve all the above problems? Of course, we did. Silly question. Isn\u2019t it obvious this is the reason we are writing this post?<\/p>\r\n\r\n<h2 dir=\"ltr\"><span class=\"ez-toc-section\" id=\"How_We_Did_It\"><\/span>How We Did It?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p dir=\"ltr\">Demo and source code: <a href=\"https:\/\/www.fusioncharts.com\/resources\/dashboard-primers\/collaboration-dashboard\">https:\/\/www.fusioncharts.com\/dashboards\/collaboration\/<\/a><\/p>\r\n<p dir=\"ltr\">This section is for the curious developers out there, who are not content with just the solution but also want to know the process. So this is what went into the dashboard:<\/p>\r\n\r\n<h3><span class=\"ez-toc-section\" id=\"Components_from_FusionCharts\"><\/span>Components from FusionCharts<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<ul>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><a href=\"https:\/\/www.fusioncharts.com\/charts\/column2d_6\/\">2D Column chart<\/a><\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><a href=\"https:\/\/www.fusioncharts.com\/charts\/mscombidy2d_7\/\">Combination chart<\/a> &#8211; column and line charts combined.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3><span class=\"ez-toc-section\" id=\"Features_from_FusionCharts\"><\/span>Features from FusionCharts<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<ul>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><a href=\"https:\/\/www.fusioncharts.com\/dev\/chart-guide\/chart-configurations\/annotations\/introduction-to-annotations\">Annotations<\/a> &#8211; to add custom elements in the chart.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><a href=\"https:\/\/www.fusioncharts.com\/dev\/api\/fusioncharts\/fusioncharts-events\">Events<\/a> &#8211; click, hover, and keypress.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><a href=\"https:\/\/www.fusioncharts.com\/dev\/themes\/theme-manager\">Themes<\/a> &#8211; a separate file for applying themes.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3><span class=\"ez-toc-section\" id=\"Other_Features\"><\/span>Other Features<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<ul>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Web Storage &#8211; localStorage for storing comments in the browser. A database can be used for a full-fledged application.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p dir=\"ltr\">The following files are in the package:<\/p>\r\n\r\n<ul>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><strong>fusioncharts.js<\/strong> &#8211; FusionCharts source code. Required to render any chart built using FusionCharts.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><strong>data.js<\/strong> &#8211; Contains all the chart data including the initial set of comments.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><strong>fusioncharts.theme.collaboration.js<\/strong> &#8211; custom theme file which contains appearance settings for all the charts in the dashboard.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\"><strong>dashboard.js<\/strong> &#8211; contains the logic of the dashboard.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p dir=\"ltr\">To understand the explanation below, please open the \u2018dashboard.js\u2019 file and the <a href=\"https:\/\/www.fusioncharts.com\/resources\/dashboard-primers\/collaboration-dashboard\">live dashboard<\/a>. We\u2019ll be referencing both below.<\/p>\r\n<p dir=\"ltr\">Functionality is divided into three parts.<\/p>\r\n\r\n<ol>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Chart Rendering<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Addition of Event Listeners<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Loading of Comments from localStorage<\/p>\r\n<\/li>\r\n<\/ol>\r\n<h3><span class=\"ez-toc-section\" id=\"Chart_Rendering\"><\/span>Chart Rendering<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<p dir=\"ltr\">When the \u2018dashboard.js\u2019 file gets executed, a \u2018dashboard\u2019 object is created, and the \u2018drawCharts()\u2019 method is called on that object. \u2018drawCharts()\u2019 method will read the data from the \u2018data.js\u2019 file and take the cosmetics settings from \u2018fusioncharts.theme.collaboration.js\u2019 (theme file) to render the chart. It will also add event listeners which is explained in the next section.<\/p>\r\n\r\n<h3><span class=\"ez-toc-section\" id=\"Addition_of_Event_Listeners\"><\/span>Addition of Event Listeners<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<p dir=\"ltr\">We can divide the event listeners into two categories:<\/p>\r\n\r\n<ol>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Events on chart elements<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Events on other UI elements<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p dir=\"ltr\">Following events are applied on chart elements:<\/p>\r\n\r\n<ul>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Click on the combination chart (\u2018Monthly Sales Analysis\u2019): to open a modal window that contains collaboration features (comments and charts).<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Hover on combination charts: to display comment count or annotation to add new comments (if there\u2019s no comment).<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Click on annotation (comment count): To display the modal window. It\u2019s the same effect you get when you click on a data point on a combination chart.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Hover on annotations: to show the comment count when you hover over the annotation.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Click on the 2D column chart (\u2018Top 5 Categories By Sales\u2019): to drill down on that particular category,<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Click on the 2D column\/line chart inside the modal window: to show comments related to that month.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p dir=\"ltr\">Below are the events that are applied on UI elements:<\/p>\r\n\r\n<ul>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Keypress (\u2018enter\u2019) on comment textbox (inside modal): to add a new comment on the press of \u2018enter\u2019. That comment is also added to localStorage (depending on browser support).<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Keypress (cmd\/ctrl + v) on comment text box: to paste the chart recently copied. Pasting the chart involves rendering the chart with the original data.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Click on the \u2018copy chart\u2019 link on the column 2D chart: to set a flag to be used whenever a user presses \u2018cmd\/ctrl + v\u2019 in the comment box.<\/p>\r\n<\/li>\r\n \t<li dir=\"ltr\">\r\n<p dir=\"ltr\">Click events on the top header: eg. clicking on the notification icon will display the latest notifications.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3><span class=\"ez-toc-section\" id=\"Loading_of_Comments_From_localStorage\"><\/span>Loading of Comments From localStorage:<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<p dir=\"ltr\">Since we built this just for demo, we used localStorage. For a full-fledged application, this can be achieved via storage in a database.<\/p>\r\n<p dir=\"ltr\">Before the chart is rendered, \u2018dashboard.js\u2019 will check for comments in localStorage. If there are comments from previous sessions, the dashboard will be updated accordingly.<\/p>\r\n<p dir=\"ltr\">I hope you like what we\u2019ve built. We\u2019ll be more than happy to answer any questions.<\/p>","protected":false},"excerpt":{"rendered":"<p>Most business applications include a dashboard that provides a high-level overview of various functions; however, these dashboards have a flaw. We believe we have devised a solution to the problem to get rid of the hassle of searching for business dashboards and their data points in mails. You can also check out some of our [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[33,97,98,529],"coauthors":[712],"class_list":["post-14982","post","type-post","status-publish","format-standard","hentry","category-showcase","tag-applications","tag-dashboard","tag-dashboard-design","tag-javascript-developer"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing the Collaboration Dashboard: Team Data<\/title>\n<meta name=\"description\" content=\"Break free from high-level dashboard flaws. Learn how the collaboration dashboard is changing how teams interact with shared data in the great year 2026.\" \/>\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.fusioncharts.com\/blog\/collaboration-dashboard\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing the Collaboration Dashboard: Team Data\" \/>\n<meta property=\"og:description\" content=\"Break free from high-level dashboard flaws. Learn how the collaboration dashboard is changing how teams interact with shared data in the great year 2026.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-11T14:31:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:07:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2015\/03\/collaboration-dashboard-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"979\" \/>\n\t<meta property=\"og:image:height\" content=\"518\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vikas Lalwani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vikas Lalwani\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Vikas Lalwani\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/5530197c230a9b49df5de36777b89bf2\"\n\t            },\n\t            \"headline\": \"Introducing the Collaboration Dashboard: Team Data\",\n\t            \"datePublished\": \"2015-03-11T14:31:10+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:07:06+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/\"\n\t            },\n\t            \"wordCount\": 1228,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2015\/03\/collaboration-dashboard-1.png\",\n\t            \"keywords\": [\n\t                \"applications\",\n\t                \"dashboard\",\n\t                \"dashboard design\",\n\t                \"JavaScript developer\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Showcase\"\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"CommentAction\",\n\t                    \"name\": \"Comment\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/\",\n\t            \"name\": \"Introducing the Collaboration Dashboard: Team Data\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2015\/03\/collaboration-dashboard-1.png\",\n\t            \"datePublished\": \"2015-03-11T14:31:10+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:07:06+00:00\",\n\t            \"description\": \"Break free from high-level dashboard flaws. Learn how the collaboration dashboard is changing how teams interact with shared data in the great year 2026.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2015\/03\/collaboration-dashboard-1.png\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2015\/03\/collaboration-dashboard-1.png\",\n\t            \"width\": 979,\n\t            \"height\": 518,\n\t            \"caption\": \"Screenshot of collaboration dashboard\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.fusioncharts.com\/blog\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Introducing the Collaboration Dashboard: Team Data\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/5530197c230a9b49df5de36777b89bf2\",\n\t            \"name\": \"Vikas Lalwani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/86ef00c8343692fe10b37d7657769517\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/ccd\/ccdd4b2cb256cf5722d2a55b818472aex96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/ccd\/ccdd4b2cb256cf5722d2a55b818472aex96.jpg\",\n\t                \"caption\": \"Vikas Lalwani\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/www.fusioncharts.com\"\n\t            ],\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/vikas\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing the Collaboration Dashboard: Team Data","description":"Break free from high-level dashboard flaws. Learn how the collaboration dashboard is changing how teams interact with shared data in the great year 2026.","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.fusioncharts.com\/blog\/collaboration-dashboard\/","og_locale":"en_US","og_type":"article","og_title":"Introducing the Collaboration Dashboard: Team Data","og_description":"Break free from high-level dashboard flaws. Learn how the collaboration dashboard is changing how teams interact with shared data in the great year 2026.","og_url":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2015-03-11T14:31:10+00:00","article_modified_time":"2026-01-20T09:07:06+00:00","og_image":[{"width":979,"height":518,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2015\/03\/collaboration-dashboard-1.png","type":"image\/png"}],"author":"Vikas Lalwani","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vikas Lalwani","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/"},"author":{"name":"Vikas Lalwani","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/5530197c230a9b49df5de36777b89bf2"},"headline":"Introducing the Collaboration Dashboard: Team Data","datePublished":"2015-03-11T14:31:10+00:00","dateModified":"2026-01-20T09:07:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/"},"wordCount":1228,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2015\/03\/collaboration-dashboard-1.png","keywords":["applications","dashboard","dashboard design","JavaScript developer"],"articleSection":["Showcase"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/","url":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/","name":"Introducing the Collaboration Dashboard: Team Data","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2015\/03\/collaboration-dashboard-1.png","datePublished":"2015-03-11T14:31:10+00:00","dateModified":"2026-01-20T09:07:06+00:00","description":"Break free from high-level dashboard flaws. Learn how the collaboration dashboard is changing how teams interact with shared data in the great year 2026.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2015\/03\/collaboration-dashboard-1.png","contentUrl":"\/blog\/wp-content\/uploads\/2015\/03\/collaboration-dashboard-1.png","width":979,"height":518,"caption":"Screenshot of collaboration dashboard"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/collaboration-dashboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing the Collaboration Dashboard: Team Data"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioncharts.com\/blog\/#website","url":"https:\/\/www.fusioncharts.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/5530197c230a9b49df5de36777b89bf2","name":"Vikas Lalwani","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/86ef00c8343692fe10b37d7657769517","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/ccd\/ccdd4b2cb256cf5722d2a55b818472aex96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/ccd\/ccdd4b2cb256cf5722d2a55b818472aex96.jpg","caption":"Vikas Lalwani"},"sameAs":["http:\/\/www.fusioncharts.com"],"url":"https:\/\/www.fusioncharts.com\/blog\/author\/vikas\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/14982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=14982"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/14982\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=14982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=14982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=14982"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=14982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}