{"id":16653,"date":"2017-12-27T13:31:29","date_gmt":"2017-12-27T08:01:29","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=16653"},"modified":"2026-01-20T14:36:50","modified_gmt":"2026-01-20T09:06:50","slug":"charts-meteor-js","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/","title":{"rendered":"How to Visualize Data in Meteor: 2026 Modern Guide"},"content":{"rendered":"Meteor is a powerful platform for building responsive web and mobile applications. It makes use of modular components, full-stack reactivity, and wire-based data transmission.\r\n\r\nIt is a full-stack framework for developing real-time web applications for desktop and mobile platforms. Even inexperienced developers can quickly create something impressive and useful, which is why advanced developers value MeteorJS&#8217;s flexibility. It makes use of MongoDB as its database, as well as its own development and testing tools. It also makes use of the distributed data protocol and the publish-subscribe pattern, which help to propagate data changes to clients without the need for synchronized code written by a developer. It can also be supplemented with third-party packages like Atmosphere or MPM.\r\n\r\nIn this post, you will learn how to create projects with <a href=\"https:\/\/www.fusioncharts.com\/javascript-charting-comparison\/\">Data Charts<\/a> using Meteor JS and FusionCharts components.\r\n\r\nLet&#8217;s take a look at what Meteor requires to function properly:\r\n<strong>Chocolatey<\/strong> &#8211; Install <a href=\"https:\/\/chocolatey.org\/install\" target=\"_blank\" rel=\"noopener noreferrer\">Chocolatey<\/a>. For Installing it with cmd.exe, execute the following command in the terminal:\r\n<pre class=\"lang:powershell\">@\"%SystemRoot%\\System32\\WindowsPowerShell\\v1.0\\powershell.exe\" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command \"iex ((New-Object System.Net.WebClient).DownloadString('https:\/\/chocolatey.org\/install.ps1'))\" &amp;amp;&amp;amp; SET \"PATH=%PATH%;%ALLUSERSPROFILE%\\chocolatey\\bin\"<\/pre>\r\n<strong>MeteorJS<\/strong> &#8211; To install MeteorJS, execute the following command in the terminal:\r\n<code>choco install meteor<\/code>\r\n\r\n<strong>FusionCharts<\/strong> &#8211; To install FusionCharts module, execute the following command in the terminal:\r\n<code>meteor npm install fusioncharts --save<\/code>\r\n\r\n<strong>FusionMaps<\/strong> &#8211; To install FusionMaps module, execute the following command in the terminal:\r\n<code>meteor npm install fusionmaps<\/code>\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\/charts-meteor-js\/#Creating_Project\" title=\"Creating Project\">Creating Project<\/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\/charts-meteor-js\/#Code_Modification\" title=\"Code Modification\">Code Modification<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#Edit_HTML_File\" title=\"Edit HTML File\">Edit HTML File<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#Importing_Dependencies\" title=\"Importing Dependencies\">Importing Dependencies<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#Passing_Dependency\" title=\"Passing Dependency\">Passing Dependency<\/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\/charts-meteor-js\/#Create_the_Instance\" title=\"Create the Instance\">Create the Instance<\/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\/charts-meteor-js\/#DOM\" title=\"DOM\">DOM<\/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\/charts-meteor-js\/#Render_the_Map\" title=\"Render the Map\">Render the Map<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Creating_Project\"><\/span>Creating Project<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nOnce you\u2019ve installed Meteor, create a project. Run the following command in the terminal:\r\n<code>meteor create myapp<\/code>\r\n\r\nThe above command will create a new folder named myapp\u00a0with all the files that a Meteor app needs.\r\n\r\nTo run the newly created app, execute the following commands:\r\n<code>cd myapp\r\nmeteor<\/code>\r\n\r\nThe above command will take us to a page in a browser &#8211; https:\/\/localhost:3000\/\r\n\r\nLet\u2019s move on to the next phase of the process to edit the HTML and JS file to render FusionMaps.\r\n<h2><span class=\"ez-toc-section\" id=\"Code_Modification\"><\/span>Code Modification<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<h3><span class=\"ez-toc-section\" id=\"Edit_HTML_File\"><\/span><strong>Edit HTML File<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nReplace the existing HTML code with the code given below:\r\n<pre class=\"lang:markup decode:true\">&lt;head&gt;\r\n  &lt;title&gt;Fusioncharts MeteorJS Integration&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n  &lt;h1&gt;Fusioncharts Integration with MeteorJS&lt;\/h1&gt;\r\n  {{&gt; fusioncharts}}\r\n&lt;\/body&gt;\r\n\r\n&lt;template name=\"fusioncharts\"&gt;\r\n  &lt;div&gt;&lt;\/div&gt;\r\n&lt;\/template&gt;\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Importing_Dependencies\"><\/span><strong>Importing Dependencies<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nIn the JS file, replace the existing js code with the code given below to import the required dependency:\r\n<pre class=\"lang:javascript decode:true\">import { Template } from 'meteor\/templating';\r\n\/\/ Load the maps module\r\nimport FusionCharts from 'fusioncharts';\r\nimport FusionMaps from 'fusionmaps';\r\nimport Maps from 'fusionmaps\/fusioncharts.maps';\r\nimport FintTheme from 'fusioncharts\/themes\/fusioncharts.theme.fint';\r\nimport World from 'fusionmaps\/maps\/fusioncharts.world';\r\nimport Countries from 'fusionmaps\/maps\/fusioncharts.worldwithcountries';\r\n\r\n\/\/import the HTML\r\nimport '.\/main.html';\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Passing_Dependency\"><\/span><strong>Passing Dependency<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nNow we need to pass the dependency using the following code:\r\n<pre class=\"lang:javascript decode:true\">\/\/passing dependency\r\nMaps(FusionMaps);\r\nFintTheme(FusionCharts);\r\nWorld(FusionMaps);\r\nCountries(FusionMaps);\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Create_the_Instance\"><\/span><strong>Create the Instance<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nNext, we will create the instance of the template fusioncharts using the following code-\r\n<pre class=\"lang:javascript decode:true\">Template.fusioncharts.onCreated(function () {\r\n  this.type = \"maps\/worldwithcountries\";\r\n  this.width = 600;\r\n  this.height = 400;\r\n  this.dataFormat = 'json';\r\n  this.dataSource = {\r\n      \"chart\": {\r\n        \"animation\": \"0\",\r\n        \"showbevel\": \"0\",\r\n        \"usehovercolor\": \"1\",\r\n        \"canvasbordercolor\": \"FFFFFF\",\r\n        \"bordercolor\": \"0000fd\",\r\n        \"showlegend\": \"1\",\r\n        \"showshadow\": \"0\",\r\n        \"legendposition\": \"BOTTOM\",\r\n        \"legendborderalpha\": \"0\",\r\n        \"legendbordercolor\": \"ffffff\",\r\n        \"legendallowdrag\": \"0\",\r\n        \"legendshadow\": \"0\",\r\n        \"caption\": \"Mobile cellular subscriptions (per 100 people), 2015\",\r\n        \"connectorcolor\": \"000000\",\r\n        \"fillalpha\": \"80\",\r\n        \"hovercolor\": \"CCCCCC\",\r\n        \"showborder\": \"0\",\r\n        \"showLabels\":\"0\",\r\n        \"showEntityHoverEffect\":\"1\",\r\n        \"borderAlpha\":\"60\",\r\n        \"entityBorderHoverThickness\":\"1\",\r\n        \"nullEntityColor\":\"ADACAC\",\r\n        \"entityToolText\": \"&lt;div style='font-size:14px; text-align:center; padding: 2px 4px 2px 4px; color:black;'&gt;$lName&lt;\/div&gt;&lt;hr\/&gt;&lt;div style='font-size:12px;'&gt;$value per 100 people&lt;\/div&gt;\",  \r\n      },\r\n      \"colorrange\": {\r\n        \"minvalue\": \"0\",\r\n        \"startlabel\": \"Low\",\r\n        \"endlabel\": \"High\",\r\n        \"code\": \"FFF7FB\",\r\n        \"gradient\": \"1\",\r\n        \"color\": [{\r\n          \"maxvalue\": \"25\",\r\n          \"code\": \"ECE7F2\"\r\n        }, {\r\n          \"maxvalue\": \"50\",\r\n          \"code\": \"D0D1E6\"\r\n        },{\r\n          \"maxvalue\": \"75\",\r\n          \"code\": \"A6BDDB\"\r\n        },\r\n        {\r\n          \"maxvalue\": \"100\",\r\n          \"code\": \"74A9CF\"\r\n        },\r\n        {\r\n          \"maxvalue\": \"125\",\r\n          \"code\": \"3690C0\"\r\n        },\r\n        {\r\n          \"maxvalue\": \"150\",\r\n          \"code\": \"0570B0\"\r\n        },\r\n        {\r\n          \"maxvalue\": \"200\",\r\n          \"code\": \"045A8D\"\r\n        },\r\n        {\r\n          \"maxvalue\": \"250\",\r\n          \"code\": \"034973\"\r\n        },\r\n        {\r\n          \"maxvalue\": \"350\",\r\n          \"code\": \"023858\"\r\n        }]\r\n      },\r\n      \"data\": [{\r\n        \"id\": \"01\",\r\n        \"value\": \"137.2\"\r\n      }, {\r\n        \"id\": \"02\",\r\n        \"value\": \"80.29\"\r\n      }, {\r\n        \"id\": \"03\",\r\n        \"value\": \"116.4\"\r\n      }, {\r\n        \"id\": \"04\",\r\n        \"value\": \"60.97\"\r\n      }, {\r\n        \"id\": \"05\",\r\n        \"value\": \"82.97\"\r\n      }, {\r\n        \"id\": \"06\",\r\n        \"value\": \"150.6\"\r\n      }, {\r\n        \"id\": \"07\",\r\n        \"value\": \"29.65\"\r\n      }, {\r\n        \"id\": \"08\",\r\n        \"value\": \"106.2\"\r\n      }, {\r\n        \"id\": \"09\",\r\n        \"value\": \"82.58\"\r\n      }, {\r\n        \"id\": \"10\",\r\n        \"value\": \"145.2\"\r\n      }, {\r\n        \"id\": \"11\",\r\n        \"value\": \"112.2\"\r\n      }, {\r\n        \"id\": \"12\",\r\n        \"value\": \"112.2\"\r\n      }, {\r\n        \"id\": \"13\",\r\n        \"value\": \"68.84\"\r\n      }, {\r\n        \"id\": \"14\",\r\n        \"value\": \"95.54\"\r\n      }, {\r\n        \"id\": \"15\",\r\n        \"value\": \"111.5\"\r\n      }, {\r\n        \"id\": \"16\",\r\n        \"value\": \"85.98\"\r\n      }, {\r\n        \"id\": \"17\",\r\n        \"value\": \"116.1\"\r\n      }, {\r\n        \"id\": \"18\",\r\n        \"value\": \"174.1\"\r\n      }, {\r\n        \"id\": \"19\",\r\n        \"value\": \"131.8\"\r\n      }, {\r\n        \"id\": \"20\",\r\n        \"value\": \"101.5\"\r\n      }, {\r\n        \"id\": \"21\",\r\n        \"value\": \"103.6\"\r\n      }, {\r\n        \"id\": \"22\",\r\n        \"value\": \"157.6\"\r\n      }, {\r\n        \"id\": \"23\",\r\n        \"value\": \"117.5\"\r\n      }, {\r\n        \"id\": \"24\",\r\n        \"value\": \"106.5\"\r\n      }, {\r\n        \"id\": \"25\",\r\n        \"value\": \"146.7\"\r\n      }, {\r\n        \"id\": \"26\",\r\n        \"value\": \"92.18\"\r\n      }, {\r\n        \"id\": \"27\",\r\n        \"value\": \"126.5\"\r\n      }, {\r\n        \"id\": \"28\",\r\n        \"value\": \"129.4\"\r\n      }, {\r\n        \"id\": \"29\",\r\n        \"value\": \"115.7\"\r\n      }, {\r\n        \"id\": \"30\",\r\n        \"value\": \"79.77\"\r\n      }, {\r\n        \"id\": \"31\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"32\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"33\",\r\n        \"value\": \"67.18\"\r\n      }, {\r\n        \"id\": \"34\",\r\n        \"value\": \"105.3\"\r\n      }, {\r\n        \"id\": \"35\",\r\n        \"value\": \"109.8\"\r\n      }, {\r\n        \"id\": \"36\",\r\n        \"value\": \"136.8\"\r\n      }, {\r\n        \"id\": \"37\",\r\n        \"value\": \"160.2\"\r\n      }, {\r\n        \"id\": \"38\",\r\n        \"value\": \"92.9\"\r\n      }, {\r\n        \"id\": \"39\",\r\n        \"value\": \"106.3\"\r\n      }, {\r\n        \"id\": \"40\",\r\n        \"value\": \"60.84\"\r\n      }, {\r\n        \"id\": \"41\",\r\n        \"value\": \"85.64\"\r\n      }, {\r\n        \"id\": \"42\",\r\n        \"value\": \"169.0\"\r\n      }, {\r\n        \"id\": \"43\",\r\n        \"value\": \"80.64\"\r\n      }, {\r\n        \"id\": \"44\",\r\n        \"value\": \"46.22\"\r\n      }, {\r\n        \"id\": \"45\",\r\n        \"value\": \"71.84\"\r\n      }, {\r\n        \"id\": \"46\",\r\n        \"value\": \"118.5\"\r\n      }, {\r\n        \"id\": \"47\",\r\n        \"value\": \"25.86\"\r\n      }, {\r\n        \"id\": \"48\",\r\n        \"value\": \"40.17\"\r\n      }, {\r\n        \"id\": \"49\",\r\n        \"value\": \"55.16\"\r\n      }, {\r\n        \"id\": \"50\",\r\n        \"value\": \"119.3\"\r\n      }, {\r\n        \"id\": \"51\",\r\n        \"value\": \"52.9\"\r\n      }, {\r\n        \"id\": \"52\",\r\n        \"value\": \"34.94\"\r\n      }, {\r\n        \"id\": \"53\",\r\n        \"value\": \"110.\"\r\n      }, {\r\n        \"id\": \"54\",\r\n        \"value\": \"66.71\"\r\n      }, {\r\n        \"id\": \"55\",\r\n        \"value\": \"7.049\"\r\n      }, {\r\n        \"id\": \"56\",\r\n        \"value\": \"42.76\"\r\n      }, {\r\n        \"id\": \"57\",\r\n        \"value\": \"161.1\"\r\n      }, {\r\n        \"id\": \"58\",\r\n        \"value\": \"129.7\"\r\n      }, {\r\n        \"id\": \"59\",\r\n        \"value\": \"69.27\"\r\n      }, {\r\n        \"id\": \"60\",\r\n        \"value\": \"69.27\"\r\n      }, {\r\n        \"id\": \"61\",\r\n        \"value\": \"80.67\"\r\n      }, {\r\n        \"id\": \"62\",\r\n        \"value\": \"100.9\"\r\n      }, {\r\n        \"id\": \"63\",\r\n        \"value\": \"81.09\"\r\n      }, {\r\n        \"id\": \"64\",\r\n        \"value\": \"157.0\"\r\n      }, {\r\n        \"id\": \"65\",\r\n        \"value\": \"44.1\"\r\n      }, {\r\n        \"id\": \"66\",\r\n        \"value\": \"37.93\"\r\n      }, {\r\n        \"id\": \"67\",\r\n        \"value\": \"139.6\"\r\n      }, {\r\n        \"id\": \"68\",\r\n        \"value\": \"89.32\"\r\n      }, {\r\n        \"id\": \"69\",\r\n        \"value\": \"126.8\"\r\n      }, {\r\n        \"id\": \"70\",\r\n        \"value\": \"74.23\"\r\n      }, {\r\n        \"id\": \"71\",\r\n        \"value\": \"106.5\"\r\n      }, {\r\n        \"id\": \"72\",\r\n        \"value\": \"46.49\"\r\n      }, {\r\n        \"id\": \"73\",\r\n        \"value\": \"82.18\"\r\n      }, {\r\n        \"id\": \"74\",\r\n        \"value\": \"70.48\"\r\n      }, {\r\n        \"id\": \"75\",\r\n        \"value\": \"65.09\"\r\n      }, {\r\n        \"id\": \"76\",\r\n        \"value\": \"99.94\"\r\n      }, {\r\n        \"id\": \"77\",\r\n        \"value\": \"158.1\"\r\n      }, {\r\n        \"id\": \"78\",\r\n        \"value\": \"89.52\"\r\n      }, {\r\n        \"id\": \"79\",\r\n        \"value\": \"52.46\"\r\n      }, {\r\n        \"id\": \"80\",\r\n        \"value\": \"164.5\"\r\n      }, {\r\n        \"id\": \"81\",\r\n        \"value\": \"70.52\"\r\n      }, {\r\n        \"id\": \"82\",\r\n        \"value\": \"73.20\"\r\n      }, {\r\n        \"id\": \"83\",\r\n        \"value\": \"75.85\"\r\n      }, {\r\n        \"id\": \"84\",\r\n        \"value\": \"67.70\"\r\n      }, {\r\n        \"id\": \"85\",\r\n        \"value\": \"129.9\"\r\n      }, {\r\n        \"id\": \"86\",\r\n        \"value\": \"50.37\"\r\n      }, {\r\n        \"id\": \"87\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"88\",\r\n        \"value\": \"74.47\"\r\n      }, {\r\n        \"id\": \"89\",\r\n        \"value\": \"84.78\"\r\n      }, {\r\n        \"id\": \"90\",\r\n        \"value\": \"137\"\r\n      }, {\r\n        \"id\": \"91\",\r\n        \"value\": \"111.6\"\r\n      }, {\r\n        \"id\": \"92\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"93\",\r\n        \"value\": \"61.57\"\r\n      }, {\r\n        \"id\": \"94\",\r\n        \"value\": \"115.8\"\r\n      }, {\r\n        \"id\": \"95\",\r\n        \"value\": \"111.\"\r\n      }, {\r\n        \"id\": \"96\",\r\n        \"value\": \"81.89\"\r\n      }, {\r\n        \"id\": \"97\",\r\n        \"value\": \"87.02\"\r\n      }, {\r\n        \"id\": \"98\",\r\n        \"value\": \"108.1\"\r\n      }, {\r\n        \"id\": \"99\",\r\n        \"value\": \"75.68\"\r\n      }, {\r\n        \"id\": \"100\",\r\n        \"value\": \"133.0\"\r\n      }, {\r\n        \"id\": \"101\",\r\n        \"value\": \"92.1\"\r\n      }, {\r\n        \"id\": \"102\",\r\n        \"value\": \"117.3\"\r\n      }, {\r\n        \"id\": \"103\",\r\n        \"value\": \"128.9\"\r\n      }, {\r\n        \"id\": \"104\",\r\n        \"value\": \"78.06\"\r\n      }, {\r\n        \"id\": \"105\",\r\n        \"value\": \"132.\"\r\n      }, {\r\n        \"id\": \"106\",\r\n        \"value\": \"93.38\"\r\n      }, {\r\n        \"id\": \"107\",\r\n        \"value\": \"126.5\"\r\n      }, {\r\n        \"id\": \"108\",\r\n        \"value\": \"156.8\"\r\n      }, {\r\n        \"id\": \"109\",\r\n        \"value\": \"12.87\"\r\n      }, {\r\n        \"id\": \"110\",\r\n        \"value\": \"118.4\"\r\n      }, {\r\n        \"id\": \"111\",\r\n        \"value\": \"132\"\r\n      }, {\r\n        \"id\": \"112\",\r\n        \"value\": \"53.09\"\r\n      }, {\r\n        \"id\": \"113\",\r\n        \"value\": \"143.8\"\r\n      }, {\r\n        \"id\": \"114\",\r\n        \"value\": \"104.9\"\r\n      }, {\r\n        \"id\": \"115\",\r\n        \"value\": \"96.74\"\r\n      }, {\r\n        \"id\": \"116\",\r\n        \"value\": \"66.91\"\r\n      }, {\r\n        \"id\": \"117\",\r\n        \"value\": \"115.7\"\r\n      }, {\r\n        \"id\": \"118\",\r\n        \"value\": \"159.9\"\r\n      }, {\r\n        \"id\": \"119\",\r\n        \"value\": \"146.5\"\r\n      }, {\r\n        \"id\": \"120\",\r\n        \"value\": \"110.5\"\r\n      }, {\r\n        \"id\": \"121\",\r\n        \"value\": \"98.5\"\r\n      }, {\r\n        \"id\": \"122\",\r\n        \"value\": \"152.7\"\r\n      }, {\r\n        \"id\": \"123\",\r\n        \"value\": \"145.9\"\r\n      }, {\r\n        \"id\": \"124\",\r\n        \"value\": \"73.31\"\r\n      }, {\r\n        \"id\": \"125\",\r\n        \"value\": \"130.6\"\r\n      }, {\r\n        \"id\": \"126\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"127\",\r\n        \"value\": \"228.6\"\r\n      }, {\r\n        \"id\": \"128\",\r\n        \"value\": \"324.4\"\r\n      }, {\r\n        \"id\": \"129\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"130\",\r\n        \"value\": \"88.12\"\r\n      }, {\r\n        \"id\": \"131\",\r\n        \"value\": \"157.4\"\r\n      }, {\r\n        \"id\": \"132\",\r\n        \"value\": \"123.6\"\r\n      }, {\r\n        \"id\": \"133\",\r\n        \"value\": \"115.6\"\r\n      }, {\r\n        \"id\": \"134\",\r\n        \"value\": \"90.15\"\r\n      }, {\r\n        \"id\": \"135\",\r\n        \"value\": \"129.2\"\r\n      }, {\r\n        \"id\": \"136\",\r\n        \"value\": \"103.7\"\r\n      }, {\r\n        \"id\": \"137\",\r\n        \"value\": \"123.1\"\r\n      }, {\r\n        \"id\": \"138\",\r\n        \"value\": \"128.3\"\r\n      }, {\r\n        \"id\": \"139\",\r\n        \"value\": \"148.6\"\r\n      }, {\r\n        \"id\": \"140\",\r\n        \"value\": \"135.4\"\r\n      }, {\r\n        \"id\": \"141\",\r\n        \"value\": \"102.6\"\r\n      }, {\r\n        \"id\": \"142\",\r\n        \"value\": \"116.7\"\r\n      }, {\r\n        \"id\": \"143\",\r\n        \"value\": \"112.\"\r\n      }, {\r\n        \"id\": \"144\",\r\n        \"value\": \"118.\"\r\n      }, {\r\n        \"id\": \"145\",\r\n        \"value\": \"114.0\"\r\n      }, {\r\n        \"id\": \"146\",\r\n        \"value\": \"103.7\"\r\n      }, {\r\n        \"id\": \"147\",\r\n        \"value\": \"142.1\"\r\n      }, {\r\n        \"id\": \"148\",\r\n        \"value\": \"127.5\"\r\n      }, {\r\n        \"id\": \"149\",\r\n        \"value\": \"109.3\"\r\n      }, {\r\n        \"id\": \"150\",\r\n        \"value\": \"139.5\"\r\n      }, {\r\n        \"id\": \"151\",\r\n        \"value\": \"148.5\"\r\n      }, {\r\n        \"id\": \"152\",\r\n        \"value\": \"98.78\"\r\n      }, {\r\n        \"id\": \"153\",\r\n        \"value\": \"129.2\"\r\n      }, {\r\n        \"id\": \"154\",\r\n        \"value\": \"108.0\"\r\n      }, {\r\n        \"id\": \"155\",\r\n        \"value\": \"88.77\"\r\n      }, {\r\n        \"id\": \"156\",\r\n        \"value\": \"162.1\"\r\n      }, {\r\n        \"id\": \"157\",\r\n        \"value\": \"123.5\"\r\n      }, {\r\n        \"id\": \"158\",\r\n        \"value\": \"111.1\"\r\n      }, {\r\n        \"id\": \"159\",\r\n        \"value\": \"142.6\"\r\n      }, {\r\n        \"id\": \"160\",\r\n        \"value\": \"110.4\"\r\n      }, {\r\n        \"id\": \"161\",\r\n        \"value\": \"107.1\"\r\n      }, {\r\n        \"id\": \"162\",\r\n        \"value\": \"115.1\"\r\n      }, {\r\n        \"id\": \"163\",\r\n        \"value\": \"120.5\"\r\n      }, {\r\n        \"id\": \"164\",\r\n        \"value\": \"122.3\"\r\n      }, {\r\n        \"id\": \"165\",\r\n        \"value\": \"113.2\"\r\n      }, {\r\n        \"id\": \"166\",\r\n        \"value\": \"108.1\"\r\n      }, {\r\n        \"id\": \"167\",\r\n        \"value\": \"130.3\"\r\n      }, {\r\n        \"id\": \"168\",\r\n        \"value\": \"136.4\"\r\n      }, {\r\n        \"id\": \"169\",\r\n        \"value\": \"144.0\"\r\n      }, {\r\n        \"id\": \"170\",\r\n        \"value\": \"124.1\"\r\n      }, {\r\n        \"id\": \"171\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"172\",\r\n        \"value\": \"95.40\"\r\n      }, {\r\n        \"id\": \"173\",\r\n        \"value\": \"96.02\"\r\n      }, {\r\n        \"id\": \"175\",\r\n        \"value\": \"132.8\"\r\n      }, {\r\n        \"id\": \"176\",\r\n        \"value\": \"108.2\"\r\n      }, {\r\n        \"id\": \"177\",\r\n        \"value\": \"38.84\"\r\n      }, {\r\n        \"id\": \"178\",\r\n        \"value\": \"29.24\"\r\n      }, {\r\n        \"id\": \"179\",\r\n        \"value\": \"21.54\"\r\n      }, {\r\n        \"id\": \"180\",\r\n        \"value\": \"67.78\"\r\n      }, {\r\n        \"id\": \"181\",\r\n        \"value\": \"121.8\"\r\n      }, {\r\n        \"id\": \"182\",\r\n        \"value\": \"111.5\"\r\n      }, {\r\n        \"id\": \"183\",\r\n        \"value\": \"46.64\"\r\n      }, {\r\n        \"id\": \"184\",\r\n        \"value\": \"62.37\"\r\n      }, {\r\n        \"id\": \"185\",\r\n        \"value\": \"72.6\"\r\n      }, {\r\n        \"id\": \"186\",\r\n        \"value\": \"69.08\"\r\n      }, {\r\n        \"id\": \"187\",\r\n        \"value\": \"40.33\"\r\n      }, {\r\n        \"id\": \"188\",\r\n        \"value\": \"66.24\"\r\n      }, {\r\n        \"id\": \"189\",\r\n        \"value\": \"98.90\"\r\n      }, {\r\n        \"id\": \"190\",\r\n        \"value\": \"185.2\"\r\n      }, {\r\n        \"id\": \"191\",\r\n        \"value\": \"93.8\"\r\n      }, {\r\n        \"id\": \"192\",\r\n        \"value\": \"133.4\"\r\n      }, {\r\n        \"id\": \"193\",\r\n        \"value\": \"179.4\"\r\n      }, {\r\n        \"id\": \"194\",\r\n        \"value\": \"231.7\"\r\n      }, {\r\n        \"id\": \"195\",\r\n        \"value\": \"92.16\"\r\n      }, {\r\n        \"id\": \"196\",\r\n        \"value\": \"159.8\"\r\n      }, {\r\n        \"id\": \"197\",\r\n        \"value\": \"159.1\"\r\n      }, {\r\n        \"id\": \"198\",\r\n        \"value\": \"176.5\"\r\n      }, {\r\n        \"id\": \"199\",\r\n        \"value\": \"64.28\"\r\n      }, {\r\n        \"id\": \"200\",\r\n        \"value\": \"187.3\"\r\n      }, {\r\n        \"id\": \"201\",\r\n        \"value\": \"67.98\"\r\n      }, {\r\n        \"id\": \"202\",\r\n        \"value\": \"87.09\"\r\n      }, {\r\n        \"id\": \"203\",\r\n        \"value\": \"155.\"\r\n      }, {\r\n        \"id\": \"204\",\r\n        \"value\": \"23.85\"\r\n      }, {\r\n        \"id\": \"205\",\r\n        \"value\": \"32.41\"\r\n      }, {\r\n        \"id\": \"206\",\r\n        \"value\": \"135.7\"\r\n      }, {\r\n        \"id\": \"207\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"208\",\r\n        \"value\": \"23.796\"\r\n      }, {\r\n        \"id\": \"209\",\r\n        \"value\": \"57.94\"\r\n      }, {\r\n        \"id\": \"210\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"211\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"212\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"213\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"214\",\r\n        \"value\": \"94.89\"\r\n      }, {\r\n        \"id\": \"215\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"216\",\r\n        \"value\": \"141.1\"\r\n      }, {\r\n        \"id\": \"217\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"218\",\r\n        \"value\": \"61.94\"\r\n      }, {\r\n        \"id\": \"219\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"220\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"221\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"222\",\r\n        \"value\": \"206.6\"\r\n      }, {\r\n        \"id\": \"223\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"224\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"225\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"226\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"227\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"228\",\r\n        \"value\": \"115.8\"\r\n      }, {\r\n        \"id\": \"229\",\r\n        \"value\": \"155.2\"\r\n      }, {\r\n        \"id\": \"230\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"231\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"232\",\r\n        \"value\": \"230.95\"\r\n      }, {\r\n        \"id\": \"233\",\r\n        \"value\": \"200.\"\r\n      }, {\r\n        \"id\": \"234\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"235\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"236\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"237\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"238\",\r\n        \"value\": \"145.8\"\r\n      }, {\r\n        \"id\": \"239\",\r\n        \"value\": \"74.51\"\r\n      }, {\r\n        \"id\": \"240\",\r\n        \"value\": \" \"\r\n      }, {\r\n        \"id\": \"241\",\r\n        \"value\": \" \"\r\n      }]\r\n    };\r\n});\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"DOM\"><\/span><strong>DOM<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nCopy the JS code given below to your file, to insert the instance of the FusionCharts template into the DOM\r\n<pre class=\"lang:javascript decode:true\">Template.fusioncharts.onRendered(function () {\r\n  this.chartObj = new FusionCharts({\r\n    width: this.width,\r\n    height: this.height,\r\n    renderAt: this.firstNode,\r\n    type: this.type,\r\n    dataFormat: this.dataFormat,\r\n    dataSource: this.dataSource\r\n  });\r\n  this.chartObj.render();\r\n});\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Render_the_Map\"><\/span>Render the Map<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nStart the server using command meteor and check the URL- https:\/\/localhost:3000\/ in your browser. The output looks like as shown below:\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/12\/meteor-js-fusioncharts-output-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16670\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/12\/meteor-js-fusioncharts-output-final.png\" alt=\"create-charts-meteor-js\" width=\"1290\" height=\"900\" srcset=\"\/blog\/wp-content\/uploads\/2017\/12\/meteor-js-fusioncharts-output-final.png 1290w, \/blog\/wp-content\/uploads\/2017\/12\/meteor-js-fusioncharts-output-final-150x105.png 150w\" sizes=\"auto, (max-width: 1290px) 100vw, 1290px\" \/><\/a>\r\n\r\nIf you see any errors in your code or have trouble executing the above sample, click <a href=\"https:\/\/github.com\/Pr3rana\/fc_meteor_sample\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> to download the complete source code of the sample project we have created for this tutorial.\r\n\r\n&nbsp;","protected":false},"excerpt":{"rendered":"<p>Meteor is a powerful platform for building responsive web and mobile applications. It makes use of modular components, full-stack reactivity, and wire-based data transmission. It is a full-stack framework for developing real-time web applications for desktop and mobile platforms. Even inexperienced developers can quickly create something impressive and useful, which is why advanced developers value [&hellip;]<\/p>\n","protected":false},"author":39,"featured_media":16648,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"coauthors":[675,653],"class_list":["post-16653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to visualize data in Meteor<\/title>\n<meta name=\"description\" content=\"Create charts and visualize data in Meteor with our 2026 guide. Learn to build full-stack JavaScript applications for both web and mobile applications.\" \/>\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\/charts-meteor-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to visualize data in Meteor\" \/>\n<meta property=\"og:description\" content=\"Create charts and visualize data in Meteor with our 2026 guide. Learn to build full-stack JavaScript applications for both web and mobile applications.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-27T08:01:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:06:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2016\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jonathan, Prerana Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jonathan, Prerana Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 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\/charts-meteor-js\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Jonathan\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/14fbfb07e81bfbcd524a4202f34bdcbb\"\n\t            },\n\t            \"headline\": \"How to Visualize Data in Meteor: 2026 Modern Guide\",\n\t            \"datePublished\": \"2017-12-27T08:01:29+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:50+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/\"\n\t            },\n\t            \"wordCount\": 440,\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\/charts-meteor-js\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg\",\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\/charts-meteor-js\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/\",\n\t            \"name\": \"How to visualize data in Meteor\",\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\/charts-meteor-js\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg\",\n\t            \"datePublished\": \"2017-12-27T08:01:29+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:50+00:00\",\n\t            \"description\": \"Create charts and visualize data in Meteor with our 2026 guide. Learn to build full-stack JavaScript applications for both web and mobile applications.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#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\/charts-meteor-js\/\"\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\/charts-meteor-js\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg\",\n\t            \"width\": 2016,\n\t            \"height\": 750\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#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\": \"How to Visualize Data in Meteor: 2026 Modern Guide\"\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\/14fbfb07e81bfbcd524a4202f34bdcbb\",\n\t            \"name\": \"Jonathan\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/0b58dff9af412d6ac90a1569df4d596c\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/15c\/15cb55f5147ef4d792cabb9144f8160bx96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/15c\/15cb55f5147ef4d792cabb9144f8160bx96.jpg\",\n\t                \"caption\": \"Jonathan\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/jonathan\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to visualize data in Meteor","description":"Create charts and visualize data in Meteor with our 2026 guide. Learn to build full-stack JavaScript applications for both web and mobile applications.","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\/charts-meteor-js\/","og_locale":"en_US","og_type":"article","og_title":"How to visualize data in Meteor","og_description":"Create charts and visualize data in Meteor with our 2026 guide. Learn to build full-stack JavaScript applications for both web and mobile applications.","og_url":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2017-12-27T08:01:29+00:00","article_modified_time":"2026-01-20T09:06:50+00:00","og_image":[{"width":2016,"height":750,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg","type":"image\/jpeg"}],"author":"Jonathan, Prerana Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jonathan, Prerana Singh","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/"},"author":{"name":"Jonathan","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/14fbfb07e81bfbcd524a4202f34bdcbb"},"headline":"How to Visualize Data in Meteor: 2026 Modern Guide","datePublished":"2017-12-27T08:01:29+00:00","dateModified":"2026-01-20T09:06:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/"},"wordCount":440,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/","url":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/","name":"How to visualize data in Meteor","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg","datePublished":"2017-12-27T08:01:29+00:00","dateModified":"2026-01-20T09:06:50+00:00","description":"Create charts and visualize data in Meteor with our 2026 guide. Learn to build full-stack JavaScript applications for both web and mobile applications.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2017\/12\/Create-charts-with-Meteor-JS.jpg","width":2016,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/charts-meteor-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Visualize Data in Meteor: 2026 Modern Guide"}]},{"@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\/14fbfb07e81bfbcd524a4202f34bdcbb","name":"Jonathan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/0b58dff9af412d6ac90a1569df4d596c","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/15c\/15cb55f5147ef4d792cabb9144f8160bx96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/15c\/15cb55f5147ef4d792cabb9144f8160bx96.jpg","caption":"Jonathan"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/jonathan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/16653","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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=16653"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/16653\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/16648"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=16653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=16653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=16653"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=16653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}