{"id":796,"date":"2011-02-23T23:21:13","date_gmt":"2011-02-23T17:51:13","guid":{"rendered":"http:\/\/blog.fusioncharts.com\/?p=796"},"modified":"2026-01-20T14:40:28","modified_gmt":"2026-01-20T09:10:28","slug":"honey-i-shrunk-the-codes","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/","title":{"rendered":"Honey I Shrunk the Codes: Optimizing Your JavaScript"},"content":{"rendered":"The shiny new FusionCharts <a href=\"https:\/\/www.fusioncharts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JavaScript chart Library<\/a> was built keeping in mind the modern JavaScript paradigm: scalable, flexible and extensible. So much so, that there are now three different ways to construct and render FusionCharts. Coding for this charting component is definitely simple, easy, intuitive and full of versatility.\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\/honey-i-shrunk-the-codes\/#The_Very_Old_swfobject_Style_Construction\" title=\"The Very Old swfobject Style Construction\">The Very Old swfobject Style Construction<\/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\/honey-i-shrunk-the-codes\/#The_New_Object-Style_Construction\" title=\"The New Object-Style Construction\">The New Object-Style Construction<\/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\/honey-i-shrunk-the-codes\/#Making_Your_Codes_Slicker\" title=\"Making Your Codes Slicker\">Making Your Codes Slicker<\/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\/honey-i-shrunk-the-codes\/#Bending_the_Limits_%E2%80%93_Shrinking_Things_Further\" title=\"Bending the Limits \u2013 Shrinking Things Further\">Bending the Limits \u2013 Shrinking Things Further<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/#Enlighten_Me\" title=\"Enlighten Me!\">Enlighten Me!<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"The_Very_Old_swfobject_Style_Construction\"><\/span>The Very Old swfobject Style Construction<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nSince the very beginning of FusionCharts, tracing its roots to Flash-only charting component, it used a morphed version of the trusted <a title=\"More about swfobject on Wikipedia\" href=\"https:\/\/en.wikipedia.org\/wiki\/SWFObject\" target=\"_blank\" rel=\"noopener noreferrer\">swfobject<\/a> JavaScript library. We used to (and still do) write the famous three-line code:\r\n\r\n<pre class=\"lang:javascript\">\/\/ Create FusionCharts JavaScript object.\r\nvar myChartObj = new FusionCharts('\/Charts\/Column2D.swf', 'myChart', '400', '300', '0', '1');\r\n\/\/ Set the source data xml.\r\nmyChartObj.setXMLData('data.xml');\r\n\/\/ Provide instruction to render the chart within a container\r\n\/\/ HTML element.\r\nmyChartObj.render('containerDivId');\r\n\r\nThe above example involves creating a FusionCharts JS object, then setting the source data file and finally rendering the chart\u2019s HTML mark-up inside a pre-coded container division.\r\n<h2><span class=\"ez-toc-section\" id=\"The_New_Object-Style_Construction\"><\/span>The New Object-Style Construction<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nWith the evolution of usage of JavaScript as a robust web application development language, FusionCharts JavaScript library upgraded itself into a more contemporary and future ready JavaScript library.\r\n\r\nThe latest FusionCharts JS library incorporates the ability to render <a href=\"https:\/\/www.fusioncharts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">pure JavaScript charts<\/a>. Consequently, the style of the API had to become more flexible to cater to a wider range of developers and development needs.\r\n<code lang=\"javascript\">\/\/ Create new FusionCharts object\r\nvar myChartObj = new FusionCharts({\r\nid: 'myChart',\r\nswfUrl: '\/Charts\/Column2D.swf',\r\nwidth: '400', height: '300'\r\n});<\/code><\/pre>\r\n\r\n\/\/ Provide data source and render the chart.\r\nmyChartObj.setXMLData(&#8216;data.xml&#8217;);\r\nmyChartObj.render(&#8216;containerDivId&#8217;);\r\nThe above codes demonstrate the ability of FusionCharts to accept an object as parameter to construct a new FusionCharts object. This has a five-fold advantage:\r\n<ol>\r\n\t<li>Allows a lot of flexibility for developers.<\/li>\r\n\t<li>Reduces the possibility of errors by reducing the headache of remembering parameter order.<\/li>\r\n\t<li>Makes codes more readable.<\/li>\r\n\t<li>Brings about coding style similar to popular JavaScript libraries like <a href=\"https:\/\/www.fusioncharts.com\/jquery-charts\/\" target=\"_blank\" rel=\"noopener noreferrer\">jQuery charts<\/a>, etc.<\/li>\r\n\t<li>The code looks sexier! \ud83d\ude1b<\/li>\r\n<\/ol>\r\n<h2><span class=\"ez-toc-section\" id=\"Making_Your_Codes_Slicker\"><\/span>Making Your Codes Slicker<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nThe new object-style construction allows you to specify entire information required to render FusionCharts during construction ((By &#8220;construction&#8221;, we mean on the line where you do <code lang=\"js\">new FusionCharts(<em>...<\/em>)<\/code>)) itself. This reduces the number of lines of code and makes the code more manageable.\r\n<pre class=\"lang:javascript\">var myChartObj = new FusionCharts({\r\nid: 'myChart'\r\nswfUrl: '\/Charts\/Column2D.swf',\r\nwidth: '400', height: '300',\r\n\/\/ Provide data source\r\ndataSource: 'data.xml',\r\ndataFormat: 'xmlurl',\r\n\/\/ Provide the container HTML node's id\r\nrenderAt: 'containerDivId'\r\n});\r\n\/\/ Render the chart\r\nmyChartObj.render();\r\n<\/pre>\r\n\r\nIn the above code, all information required to render the chart has been specified during construction itself. This is definitely more readable and manageable.\r\n<h2><span class=\"ez-toc-section\" id=\"Bending_the_Limits_%E2%80%93_Shrinking_Things_Further\"><\/span>Bending the Limits \u2013 Shrinking Things Further<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nFinally, we cater to the needs of those who are minimalist and are very conscious about the cleanliness of their codes.\r\n<pre class=\"lang:javascript\">var myChartObj = FusionCharts.render({\r\nswfUrl: '\/Charts\/Column2D.swf',\r\nwidth: '400', height: '300',\r\ndataSource: 'data.xml',\r\ndataFormat: 'xmlurl',\r\nrenderAt: 'containerDivId'\r\n});<\/pre>\r\nNote in above the usage of the static <a title=\"Documentation of FusionCharts.render()\" href=\"https:\/\/www.fusioncharts.com\/developers\/documentation\/?JavaScript\/API\/Methods.html#staticrender\" target=\"_blank\" rel=\"noopener noreferrer\"><code lang=\"js\">FusionCharts.render()<\/code><\/a> method to render a FusionCharts object using the construction parameter alone.\r\n\r\nAlso note the ability to create a FusionCharts object in the absence of an explicit &#8220;id&#8221; of the chart. This is quite a nifty feature. In the new FusionCharts JS library, if the chart\u2019s id is undefined, an id is auto-generated ((The generated chart id looks like &#8220;chartobject-<em>n<\/em>&#8221; where n stands for an incremental integer)). This saves the additional overhead of maintaining and accessing the charts with a unique ID.\r\n\r\nJust having a reference to the <code lang=\"js\">myChartObj<\/code> JavaScript variable instead of repeated <a title=\"Documentation of FusionCharts getChartFromId()\" href=\"https:\/\/docs.fusioncharts.com\/charts\/contents\/JavaScript\/API\/Methods.html#getcahrtfromid\" target=\"_blank\" rel=\"noopener noreferrer\"><code lang=\"js\">getChartFromId('myChartId')<\/code><\/a> function call is much simpler, cleaner and also performance optimized ((The <a title=\"Documentation of FusionCharts getChartFromId()\" href=\"https:\/\/docs.fusioncharts.com\/charts\/contents\/JavaScript\/API\/Methods.html#getcahrtfromid\" target=\"_blank\" rel=\"noopener noreferrer\"><code lang=\"js\">getChartFromId()<\/code><\/a>function has been deprecated since FusionCharts 3.2 JS Library. Instead, we recommend you maintain a reference to the JavaScript variable of your chart. You can also use the new <code lang=\"js\">FusionCharts('my-chart-id')<\/code> way to get a reference back to your chart variable. Read more on <a href=\"https:\/\/www.fusioncharts.com\/developers\/documentation\/?JavaScript\/JS_ChartInstance.html\" target=\"_blank\" rel=\"noopener noreferrer\">retrieving chart reference in JavaScript<\/a> )).\r\n<h2><span class=\"ez-toc-section\" id=\"Enlighten_Me\"><\/span>Enlighten Me!<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nSo, the new FusionCharts JavaScript library is definitely living up to its expectation as a library that is flexible, scalable and developer friendly. Friendliest of the lot.\r\n\r\nIt definitely offloads the overhead of coding for a charting solution so that you can <em>concentrate more on building your data source than to bother about how to render FusionCharts<\/em> and the various other quirks related to it.","protected":false},"excerpt":{"rendered":"<p>A little dip into the ocean of options available with the new FusionCharts 3.2 JavaScript Library. Know the three different JS syntax to render FusionCharts and some useful set of tips to make your coding life a bit easier.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[211,357],"coauthors":[718],"class_list":["post-796","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-javascript","tag-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Honey I Shrunk the Codes: Optimizing Your JavaScript<\/title>\n<meta name=\"description\" content=\"Optimize your JavaScript code with FusionCharts. Built to be scalable, flexible, and extensible for the high-performance needs of all 2026 developers.\" \/>\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\/honey-i-shrunk-the-codes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Honey I Shrunk the Codes: Optimizing Your JavaScript\" \/>\n<meta property=\"og:description\" content=\"Optimize your JavaScript code with FusionCharts. Built to be scalable, flexible, and extensible for the high-performance needs of all 2026 developers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2011-02-23T17:51:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:10:28+00:00\" \/>\n<meta name=\"author\" content=\"Shamasis Bhattacharya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shamasis Bhattacharya\" \/>\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\/honey-i-shrunk-the-codes\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Shamasis Bhattacharya\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/cfce3e3c2ecb07767d8d2b84490460f7\"\n\t            },\n\t            \"headline\": \"Honey I Shrunk the Codes: Optimizing Your JavaScript\",\n\t            \"datePublished\": \"2011-02-23T17:51:13+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:10:28+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/\"\n\t            },\n\t            \"wordCount\": 500,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"javascript\",\n\t                \"tips\"\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\/honey-i-shrunk-the-codes\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/\",\n\t            \"name\": \"Honey I Shrunk the Codes: Optimizing Your JavaScript\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"datePublished\": \"2011-02-23T17:51:13+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:10:28+00:00\",\n\t            \"description\": \"Optimize your JavaScript code with FusionCharts. Built to be scalable, flexible, and extensible for the high-performance needs of all 2026 developers.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/#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\/honey-i-shrunk-the-codes\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/#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\": \"Honey I Shrunk the Codes: Optimizing Your JavaScript\"\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\/cfce3e3c2ecb07767d8d2b84490460f7\",\n\t            \"name\": \"Shamasis Bhattacharya\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/ed27a4cd012abbe8b9e545e1815f0781\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/ca8\/ca8f277e2c21f1bcf6b56e4364e15157x96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/ca8\/ca8f277e2c21f1bcf6b56e4364e15157x96.jpg\",\n\t                \"caption\": \"Shamasis Bhattacharya\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/shamasis\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Honey I Shrunk the Codes: Optimizing Your JavaScript","description":"Optimize your JavaScript code with FusionCharts. Built to be scalable, flexible, and extensible for the high-performance needs of all 2026 developers.","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\/honey-i-shrunk-the-codes\/","og_locale":"en_US","og_type":"article","og_title":"Honey I Shrunk the Codes: Optimizing Your JavaScript","og_description":"Optimize your JavaScript code with FusionCharts. Built to be scalable, flexible, and extensible for the high-performance needs of all 2026 developers.","og_url":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2011-02-23T17:51:13+00:00","article_modified_time":"2026-01-20T09:10:28+00:00","author":"Shamasis Bhattacharya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shamasis Bhattacharya","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/"},"author":{"name":"Shamasis Bhattacharya","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/cfce3e3c2ecb07767d8d2b84490460f7"},"headline":"Honey I Shrunk the Codes: Optimizing Your JavaScript","datePublished":"2011-02-23T17:51:13+00:00","dateModified":"2026-01-20T09:10:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/"},"wordCount":500,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"keywords":["javascript","tips"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/","url":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/","name":"Honey I Shrunk the Codes: Optimizing Your JavaScript","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"datePublished":"2011-02-23T17:51:13+00:00","dateModified":"2026-01-20T09:10:28+00:00","description":"Optimize your JavaScript code with FusionCharts. Built to be scalable, flexible, and extensible for the high-performance needs of all 2026 developers.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/honey-i-shrunk-the-codes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Honey I Shrunk the Codes: Optimizing Your JavaScript"}]},{"@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\/cfce3e3c2ecb07767d8d2b84490460f7","name":"Shamasis Bhattacharya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/ed27a4cd012abbe8b9e545e1815f0781","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/ca8\/ca8f277e2c21f1bcf6b56e4364e15157x96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/ca8\/ca8f277e2c21f1bcf6b56e4364e15157x96.jpg","caption":"Shamasis Bhattacharya"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/shamasis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/796","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=796"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/796\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=796"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}