{"id":15468,"date":"2016-09-16T19:02:27","date_gmt":"2016-09-16T13:32:27","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=15468"},"modified":"2025-03-10T14:54:50","modified_gmt":"2025-03-10T09:24:50","slug":"fusioncharts-suite-xt-now-available-npm-bower","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/","title":{"rendered":"FusionCharts Suite XT is now available in npm and Bower"},"content":{"rendered":"<p>FusionCharts Suite XT is all about simplifying and beautifying data visualization. It&#8217;s been time since we have come up with new additions for you. Well, we are here with something new, yet again, with FusionCharts Suite XT v3.11.2.<\/p>\n<p>FusionCharts Suite XT v3.11.2 introduces an alternate installation method via npm and Bower package managers\u2014making installation easier, better, and faster. <\/p>\n<p><strong>Note:<\/strong> Before adding the FusionCharts package to your local machine using npm or Bower, ensure that you have that particular package manager already installed on your system. You also need the command line in your system to be up and running.<\/p>\n<p>Read on to see how useful this solution is.<\/p>\n<h3>Installing FusionCharts Suite XT via npm<\/h3>\n<p><strong>npm<\/strong> reduces the friction for developers. The major reason for creating it was to help JavaScript developers share packaged modules of code easily. The npm Registry is a public collection of packages and the packages can contain anything, whether it&#8217;s ES6, client-side JS, or even HTML and CSS.<\/p>\n<p>To install the FusionCharts on your local machine, via npm, type the following command on the command line:<\/p>\n<p><code>$ npm install fusioncharts<\/code><\/p>\n<p>Click <a href=\"https:\/\/www.fusioncharts.com\/dev\/getting-started\/plain-javascript\/your-first-chart-using-plain-javascript\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> for a step-by-step  tutorial on rendering charts via npm.<\/p>\n<h3>Installing FusionCharts Suite XT via Bower<\/h3>\n<p><strong>Bower<\/strong> is a package manager that has in built CSS frameworks like Bootstrap, libraries like jQuery, jQuery plugins, or JavaScript frameworks like Angular. Bower fetches and installs packages from all over, which saves your time to hunt, find, download, and save the stuff you&#8217;re looking for.<\/p>\n<p>To install the FusionCharts on your local machine, via Bower, type the following command on the command line:<\/p>\n<p><code>$ bower install fusioncharts<\/code><\/p>\n<p>Click <a href=\"https:\/\/www.fusioncharts.com\/dev\/getting-started\/plain-javascript\/your-first-chart-using-plain-javascript\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> for a step-by-step  tutorial on rendering charts via bower.<\/p>\n<p>We\u2019ve got a lot more added and improved in the product to make sure that you have the best data visualization experience ever! Click <a href=\"https:\/\/www.fusioncharts.com\/dev\/upgrading\/version-history\/version-4-0-X\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> to read about all that v3.11.2 brings to you. We would love if you can give our package a try. And if you are stuck anywhere, drop us a line at <a href=\"mailto:support@fusioncharts.com\" target=\"_blank\" rel=\"noopener noreferrer\">support@fusioncharts.com<\/a> . Happy to help!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>FusionCharts Suite XT is all about simplifying and beautifying data visualization. It&#8217;s been time since we have come up with new additions for you. Well, we are here with something new, yet again, with FusionCharts Suite XT v3.11.2. FusionCharts Suite XT v3.11.2 introduces an alternate installation method via npm and Bower package managers\u2014making installation easier, [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[590,592,591,593,589],"coauthors":[647],"class_list":["post-15468","post","type-post","status-publish","format-standard","hentry","category-news-announcements","tag-bower","tag-fusioncharts-available-in-bower","tag-fusioncharts-available-in-npm","tag-fusioncharts-in-package-managers","tag-npm"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>FusionCharts Suite XT is now available in npm and Bower<\/title>\n<meta name=\"description\" content=\"FusionCharts Suite XT is all about simplifying and beautifying data visualization. It&#039;s been time since we have come up with new additions for you. Well,\" \/>\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\/fusioncharts-suite-xt-now-available-npm-bower\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FusionCharts Suite XT is now available in npm and Bower\" \/>\n<meta property=\"og:description\" content=\"FusionCharts Suite XT is all about simplifying and beautifying data visualization. It&#039;s been time since we have come up with new additions for you. Well,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-16T13:32:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-10T09:24:50+00:00\" \/>\n<meta name=\"author\" content=\"Dishank Tiwari\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dishank Tiwari\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 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\/fusioncharts-suite-xt-now-available-npm-bower\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Dishank Tiwari\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/9106ebef0b6b4fec8a2bb46862ee02ad\"\n\t            },\n\t            \"headline\": \"FusionCharts Suite XT is now available in npm and Bower\",\n\t            \"datePublished\": \"2016-09-16T13:32:27+00:00\",\n\t            \"dateModified\": \"2025-03-10T09:24:50+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/\"\n\t            },\n\t            \"wordCount\": 349,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"bower\",\n\t                \"fusioncharts available in bower\",\n\t                \"fusioncharts available in npm\",\n\t                \"fusioncharts in package managers\",\n\t                \"npm\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"News &amp; Announcements\"\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\/fusioncharts-suite-xt-now-available-npm-bower\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/\",\n\t            \"name\": \"FusionCharts Suite XT is now available in npm and Bower\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"datePublished\": \"2016-09-16T13:32:27+00:00\",\n\t            \"dateModified\": \"2025-03-10T09:24:50+00:00\",\n\t            \"description\": \"FusionCharts Suite XT is all about simplifying and beautifying data visualization. It's been time since we have come up with new additions for you. Well,\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/#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\/fusioncharts-suite-xt-now-available-npm-bower\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/#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\": \"FusionCharts Suite XT is now available in npm and Bower\"\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\/9106ebef0b6b4fec8a2bb46862ee02ad\",\n\t            \"name\": \"Dishank Tiwari\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/edab16f3ae97d48c528d1820c0597954\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/589\/58951cd49296e6fe39049faab4be5f7cx96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/589\/58951cd49296e6fe39049faab4be5f7cx96.jpg\",\n\t                \"caption\": \"Dishank Tiwari\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/dishank-tiwari\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FusionCharts Suite XT is now available in npm and Bower","description":"FusionCharts Suite XT is all about simplifying and beautifying data visualization. It's been time since we have come up with new additions for you. Well,","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\/fusioncharts-suite-xt-now-available-npm-bower\/","og_locale":"en_US","og_type":"article","og_title":"FusionCharts Suite XT is now available in npm and Bower","og_description":"FusionCharts Suite XT is all about simplifying and beautifying data visualization. It's been time since we have come up with new additions for you. Well,","og_url":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2016-09-16T13:32:27+00:00","article_modified_time":"2025-03-10T09:24:50+00:00","author":"Dishank Tiwari","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dishank Tiwari","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/"},"author":{"name":"Dishank Tiwari","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/9106ebef0b6b4fec8a2bb46862ee02ad"},"headline":"FusionCharts Suite XT is now available in npm and Bower","datePublished":"2016-09-16T13:32:27+00:00","dateModified":"2025-03-10T09:24:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/"},"wordCount":349,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"keywords":["bower","fusioncharts available in bower","fusioncharts available in npm","fusioncharts in package managers","npm"],"articleSection":["News &amp; Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/","url":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/","name":"FusionCharts Suite XT is now available in npm and Bower","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"datePublished":"2016-09-16T13:32:27+00:00","dateModified":"2025-03-10T09:24:50+00:00","description":"FusionCharts Suite XT is all about simplifying and beautifying data visualization. It's been time since we have come up with new additions for you. Well,","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-suite-xt-now-available-npm-bower\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"FusionCharts Suite XT is now available in npm and Bower"}]},{"@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\/9106ebef0b6b4fec8a2bb46862ee02ad","name":"Dishank Tiwari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/edab16f3ae97d48c528d1820c0597954","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/589\/58951cd49296e6fe39049faab4be5f7cx96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/589\/58951cd49296e6fe39049faab4be5f7cx96.jpg","caption":"Dishank Tiwari"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/dishank-tiwari\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/15468","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\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=15468"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/15468\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=15468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=15468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=15468"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}