{"id":4754,"date":"2009-07-06T18:34:43","date_gmt":"2009-07-06T18:34:43","guid":{"rendered":"http:\/\/blog2.fusioncharts.com\/?p=29"},"modified":"2026-01-20T14:36:55","modified_gmt":"2026-01-20T09:06:55","slug":"chart-data-is-not-just-one-way-traffic","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/","title":{"rendered":"Chart Data is Not Just One-Way: Interactive Data Visualization"},"content":{"rendered":"Picture this: You are making a <a href=\"https:\/\/www.fusioncharts.com\/dashboards\/sales-performance-dashboard-mobile\">sales dashboard<\/a> to be presented to the upper management of the company. During the presentation, your CFO asks you to pick out the raw data from a particular chart. At that moment, you cannot go back to the underlying database and give him the exact figures, can you? Nor can you afford to waste screen estate on dashboards by displaying tables right below the charts. So what now? Bring in FusionCharts v3.1&#8217;s option to export the data from your chart in CSV with a single click in the context menu &#8212; and your problems are solved.\r\n\r\nSo let&#8217;s say this is one of the charts you have in your sales dashboard:\r\n<p class=\"image-center\"><img decoding=\"async\" alt=\"Sales Dashboard Chart\" class=\"asset-image\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg\" title=\"Sales Dashboard Chart\" border=\"0\" \/><\/p>\r\nWhen you export the data from this chart to CSV, this is how the result will come out:\r\n\r\n<span>&#8220;Salesperson&#8221;,&#8221;Sales Figure&#8221;<\/span>\r\n<span>&#8220;Alex&#8221;,&#8221;25000&#8243;<\/span>\r\n<span>&#8220;Mark&#8221;,&#8221;35000&#8243;<\/span>\r\n<span>&#8220;David&#8221;,&#8221;42300&#8243;<\/span>\r\n<span>&#8220;Graham&#8221;,&#8221;35300&#8243;<\/span>\r\n<span>&#8220;John&#8221;,&#8221;31300&#8243;<\/span>\r\n\r\nWouldn&#8217;t your CFO be happy when the data he requested comes out neatly formatted like that in a single click?\r\n\r\nIn case of a multi-series chart, the CSV data will have more columns \u2013 one for each series with the series name being the column header.\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\/chart-data-is-not-just-one-way-traffic\/#How_to_export_chart_data\" title=\"How to export chart data?\">How to export chart data?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#Exporting_data_from_right-click_menu\" title=\"Exporting data from right-click menu\">Exporting data from right-click menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#Exporting_chart_data_using_Javascript_API\" title=\"Exporting chart data using Javascript API\">Exporting chart data using Javascript API<\/a><\/li><\/ul><\/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\/chart-data-is-not-just-one-way-traffic\/#Dont_like_the_CSV_output\" title=\"Don\u2019t like the CSV output?\">Don\u2019t like the CSV output?<\/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\/chart-data-is-not-just-one-way-traffic\/#Formatted_CSV_Output\" title=\"Formatted CSV Output\">Formatted CSV Output<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_export_chart_data\"><\/span>How to export chart data?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nThe chart data can be exported to CSV in two ways:\r\n<ul>\r\n\t<li>Using the right-click menu of the chart, which copies the generated CSV data to clipboard.<\/li>\r\n\t<li>Using FusionCharts JavaScript API for data export, which returns the CSV data as string in your JavaScript code<\/li>\r\n<\/ul>\r\nLet\u2019s take a look at both of them so that you can decide which one to take back home with you.\r\n<h3><span class=\"ez-toc-section\" id=\"Exporting_data_from_right-click_menu\"><\/span>Exporting data from right-click menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nIf you want to enable exporting of data using the right-click menu for your end user, it is as simple as this:\r\n<p class=\"image-center\"><img decoding=\"async\" alt=\"Copying chart data to clipboard using right-click menu\" class=\"asset-image\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011570d6db6f970c-800wi.jpg\" title=\"Copying chart data to clipboard using right-click menu\" border=\"0\" \/><\/p>\r\nCopying chart data to clipboard in CSV using right-click menu\r\n\r\nNow that the data has been copied to the clipboard, you can just open your favorite text editor and paste it.\r\n\r\nTo enable the <em>Copy data to clipboard<\/em> option in the right-click menu, you just need to set the <code lang=\"javascript\">showExportDataMenuItem<\/code> attribute of the <span>&lt;chart&gt;<\/span> element as 1.\r\n\r\n<code lang=\"xml\"><\/code>More details on exporting chart data as CSV using the right-click menu and its customization options <a href=\"https:\/\/www.fusioncharts.com\/developers\/documentation\/Contents\/ExportDataSetup.html\" target=\"_blank\" title=\"Visit FusionCharts online documentation\" rel=\"noopener noreferrer\">here<\/a>\r\n<h3><span class=\"ez-toc-section\" id=\"Exporting_chart_data_using_Javascript_API\"><\/span>Exporting chart data using Javascript API<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nYou can access the data of the chart from its JavaScript API as well. To know more about the Javascript APIs exposed by FusionCharts, please visit the section \u2018FusionCharts and Javascript\u2019 section in our <a href=\"https:\/\/www.fusioncharts.com\/developers\/documentation\/\" target=\"_blank\" title=\"Visit FusionCharts online documentation\" rel=\"noopener noreferrer\">Online Documentation<\/a>.\r\n\r\nExporting chart data using Javascript API is a 2-step process:\r\n1.Set the&nbsp;<code lang=\"js\">registerWithJS<\/code>&nbsp;flag of chart as 1 in your HTML code.\r\n2.Invoke the&nbsp;<code lang=\"js\">getDataAsCSV()<\/code>&nbsp;API only after the chart has been rendered (i.e., in&nbsp;<code lang=\"js\">FC_Rendered<\/code>&nbsp;method)\r\n\r\nIf we did the above and put the data in an alert box as soon as the chart was loaded, this is what our output would look like:\r\n<p class=\"image-center\"><img decoding=\"async\" alt=\"Displaying exported data (using Javascript API) in an alert box\" class=\"at-xid-6a010534c80b99970c011571cba485970b \" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cba485970b-800wi.jpg\" title=\"Displaying exported data (using Javascript API) in an alert box\" border=\"0\" \/><\/p>\r\n<p class=\"image-center\">Displaying exported data (using Javascript API) in an alert box<\/p>\r\nYes, it is more like a \u201cHello World\u201d example but then you get the point, don\u2019t you?\r\n\r\nTo see the exact code going behind the above example and more customization options, please check out the documentation on this <a href=\"https:\/\/www.fusioncharts.com\/developers\/documentation\/Contents\/ExportDataJS.html\" target=\"_blank\" title=\"Visit FusionCharts online documentation\" rel=\"noopener noreferrer\">here<\/a>.\r\n<h2><span class=\"ez-toc-section\" id=\"Dont_like_the_CSV_output\"><\/span>Don\u2019t like the CSV output?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nIf you don\u2019t like comma as the data separator and double-quotes as the data qualifier in your CSV output, you can customize them to your liking. This is done using the <code lang=\"js\">exportDataSeparator<\/code> and <code lang=\"js\">exportDataQualifier<\/code> attributes respectively.\r\n\r\nIf you want your CSV output to look a little cryptic for some purpose, here is something you can do:\r\n\r\nThe CSV output would now look like this:\r\n\r\n<pre class=\"lang:markup\">&lt;span&gt;ySalespersonyxxySales Figurey&lt;\/span&gt;\r\n&lt;span&gt;yAlexyxxy25000y&lt;\/span&gt;\r\n&lt;span&gt;yMarkyxxy35000y&lt;\/span&gt;\r\n&lt;span&gt;yDavidyxxy42300y&lt;\/span&gt;\r\n&lt;span&gt;yGrahamyxxy35300y&lt;\/span&gt;\r\n&lt;span&gt;yJohnyxxy31300y&lt;\/span&gt;<\/pre>\r\n\r\n<h3><span class=\"ez-toc-section\" id=\"Formatted_CSV_Output\"><\/span>Formatted CSV Output<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nFusionCharts smartly formats all the numbers in your chart using the number suffix\/prefix as defined by you and using K(Thousands) and M(Millions) for large numbers. If you wish to export the chart data with all the number formatting in place rather than the raw numbers themselves, set the <code lang=\"js\">exportDataFormattedVal<\/code> attribute of the <span>&lt;chart&gt;<\/span> element to \u20181\u2019 \u2013 it is turned off by default.\r\n\r\nOnce you have done that, the formatted CSV output would look as under:\r\n\r\n<span>&#8220;Salesperson&#8221;,&#8221;Sales Figure&#8221;<\/span>\r\n<span>&#8220;Alex&#8221;,&#8221;$25K&#8221;<\/span>\r\n<span>&#8220;Mark&#8221;,&#8221;$35K&#8221;<\/span>\r\n<span>&#8220;David&#8221;,&#8221;$42.3K&#8221;<\/span>\r\n<span>&#8220;Graham&#8221;,&#8221;$35.3K&#8221;<\/span>\r\n<span>&#8220;John&#8221;,&#8221;$31.3K&#8221;<\/span>\r\n\r\nThat\u2019s all about exporting data as CSV using FusionCharts. As always, we covered the feature here for FusionCharts specifically but it applies equally well to the other products in the FusionCharts Suite &#8211; <a href=\"https:\/\/www.fusioncharts.com\/fusionmaps\" target=\"_blank\" title=\"Visit FusionMaps website\" rel=\"noopener noreferrer\">FusionMaps<\/a>, <a href=\"https:\/\/www.npmjs.com\/package\/@fusioncharts\/widgets\" target=\"_blank\" title=\"Visit FusionWidgets website\" rel=\"noopener noreferrer\">FusionWidgets<\/a> and <a href=\"https:\/\/www.fusioncharts.com\/fusioncharts\" target=\"_blank\" title=\"Visit PowerCharts website\" rel=\"noopener noreferrer\">PowerCharts<\/a> as well.\r\n\r\nNext up in the \u201cHow to get the most out of v3.1?\u201d series is the usage of vertical separator lines for easier comprehension of data in the chart. So stay tuned\u2026","protected":false},"excerpt":{"rendered":"<p>Picture this: You are making a sales dashboard to be presented to the upper management of the company. During the presentation, your CFO asks you to pick out the raw data from a particular chart. At that moment, you cannot go back to the underlying database and give him the exact figures, can you? Nor [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[92,102,128,136,211,404],"coauthors":[692],"class_list":["post-4754","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-csv","tag-data","tag-export","tag-features","tag-javascript","tag-xml"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Chart Data is Not Just One-Way: Interactive Data Visualization<\/title>\n<meta name=\"description\" content=\"Chart data is not just one-way. Learn how to build interactive 2026 visualizations that allow users to pick and analyze specific data points very easily.\" \/>\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\/chart-data-is-not-just-one-way-traffic\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chart Data is Not Just One-Way: Interactive Data Visualization\" \/>\n<meta property=\"og:description\" content=\"Chart data is not just one-way. Learn how to build interactive 2026 visualizations that allow users to pick and analyze specific data points very easily.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2009-07-06T18:34:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:06:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg\" \/>\n<meta name=\"author\" content=\"sanket\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"sanket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 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\/chart-data-is-not-just-one-way-traffic\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"sanket\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/c14c6d9f5b307450557d808a21d1dfdd\"\n\t            },\n\t            \"headline\": \"Chart Data is Not Just One-Way: Interactive Data Visualization\",\n\t            \"datePublished\": \"2009-07-06T18:34:43+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:55+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/\"\n\t            },\n\t            \"wordCount\": 766,\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\/chart-data-is-not-just-one-way-traffic\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg\",\n\t            \"keywords\": [\n\t                \"CSV\",\n\t                \"data\",\n\t                \"export\",\n\t                \"features\",\n\t                \"javascript\",\n\t                \"XML\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Tutorials\"\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\/chart-data-is-not-just-one-way-traffic\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/\",\n\t            \"name\": \"Chart Data is Not Just One-Way: Interactive Data Visualization\",\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\/chart-data-is-not-just-one-way-traffic\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg\",\n\t            \"datePublished\": \"2009-07-06T18:34:43+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:55+00:00\",\n\t            \"description\": \"Chart data is not just one-way. Learn how to build interactive 2026 visualizations that allow users to pick and analyze specific data points very easily.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#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\/chart-data-is-not-just-one-way-traffic\/\"\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\/chart-data-is-not-just-one-way-traffic\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg\",\n\t            \"contentUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#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\": \"Chart Data is Not Just One-Way: Interactive Data Visualization\"\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\/c14c6d9f5b307450557d808a21d1dfdd\",\n\t            \"name\": \"sanket\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/aa9bf7337aa7dc31f02bbeafe3643705\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/96f\/96f01842825610174488ebab79a44037x96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/96f\/96f01842825610174488ebab79a44037x96.jpg\",\n\t                \"caption\": \"sanket\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/sanket\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chart Data is Not Just One-Way: Interactive Data Visualization","description":"Chart data is not just one-way. Learn how to build interactive 2026 visualizations that allow users to pick and analyze specific data points very easily.","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\/chart-data-is-not-just-one-way-traffic\/","og_locale":"en_US","og_type":"article","og_title":"Chart Data is Not Just One-Way: Interactive Data Visualization","og_description":"Chart data is not just one-way. Learn how to build interactive 2026 visualizations that allow users to pick and analyze specific data points very easily.","og_url":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2009-07-06T18:34:43+00:00","article_modified_time":"2026-01-20T09:06:55+00:00","og_image":[{"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg","type":"","width":"","height":""}],"author":"sanket","twitter_card":"summary_large_image","twitter_misc":{"Written by":"sanket","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/"},"author":{"name":"sanket","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/c14c6d9f5b307450557d808a21d1dfdd"},"headline":"Chart Data is Not Just One-Way: Interactive Data Visualization","datePublished":"2009-07-06T18:34:43+00:00","dateModified":"2026-01-20T09:06:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/"},"wordCount":766,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg","keywords":["CSV","data","export","features","javascript","XML"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/","url":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/","name":"Chart Data is Not Just One-Way: Interactive Data Visualization","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg","datePublished":"2009-07-06T18:34:43+00:00","dateModified":"2026-01-20T09:06:55+00:00","description":"Chart data is not just one-way. Learn how to build interactive 2026 visualizations that allow users to pick and analyze specific data points very easily.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#primaryimage","url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg","contentUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/images\/6a010534c80b99970c011571cb9fb6970b-800wi.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/chart-data-is-not-just-one-way-traffic\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Chart Data is Not Just One-Way: Interactive Data Visualization"}]},{"@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\/c14c6d9f5b307450557d808a21d1dfdd","name":"sanket","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/aa9bf7337aa7dc31f02bbeafe3643705","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/96f\/96f01842825610174488ebab79a44037x96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/96f\/96f01842825610174488ebab79a44037x96.jpg","caption":"sanket"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/sanket\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/4754","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=4754"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/4754\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=4754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=4754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=4754"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=4754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}