{"id":18056,"date":"2021-06-15T04:30:30","date_gmt":"2021-06-14T23:00:30","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=18056"},"modified":"2026-01-20T14:37:14","modified_gmt":"2026-01-20T09:07:14","slug":"visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/","title":{"rendered":"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026"},"content":{"rendered":"<span data-preserver-spaces=\"true\">It is critical to get familiar with the data when conducting exploratory data analysis in machine learning. Automated systems for generating informative summaries and descriptive statistics are essential, especially when dealing with large datasets with numerous columns (also known as features).\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/www.fusioncharts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">FusionCharts<\/span><\/a><span data-preserver-spaces=\"true\">\u00a0is a Javascript library that allows you to create beautiful and dynamic charts, maps, and plots to understand your data and its many aspects better.<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">A\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/www.fusioncharts.com\/charts\/box-whisker-charts\/simple-box-and-whisker-chart?framework=javascript\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">box and whiskers plot<\/span><\/a><span data-preserver-spaces=\"true\">\u00a0is a visualization of the\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/en.wikipedia.org\/wiki\/Five-number_summary\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">five-number summary<\/span><\/a><span data-preserver-spaces=\"true\">\u00a0of a dataset, which includes the minimum, maximum, median, first quartile (center of the lower half of data), and the third quartile (center of the upper half of data). Plotting the five-number summary, therefore, gives not only a pretty good idea of the dispersion of data but also its skewness. This makes a box and whiskers plot a simple yet powerful tool for the statistics, data science, and machine learning community.<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">Read on to find out how to generate the box and whiskers plot for the various categories present in your machine learning dataset. We&#8217;ll use the well-known\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/archive.ics.uci.edu\/ml\/datasets\/Iris\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">Iris dataset<\/span><\/a><span data-preserver-spaces=\"true\">\u00a0from the\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/archive.ics.uci.edu\/ml\/index.php\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">UCI Machine Learning Repository<\/span><\/a><span data-preserver-spaces=\"true\"> for creating its corresponding box and whiskers plot in our powerful <a href=\"https:\/\/www.fusioncharts.com\/\">data visualization tool<\/a>.<\/span>\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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#The_Iris_Dataset\" title=\"The Iris Dataset\">The Iris Dataset<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Box_and_Whiskers_Plot_for_the_Iris_Dataset\" title=\"Box and Whiskers Plot for the Iris Dataset\">Box and Whiskers Plot for the Iris Dataset<\/a><\/li><\/ul><\/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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Setting_Up_the_Project_with_Webpack\" title=\"Setting Up the Project with Webpack\">Setting Up the Project with Webpack<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Step_1_Install_Webpack_and_FusionCharts\" title=\"Step 1: Install Webpack and FusionCharts\">Step 1: Install Webpack and FusionCharts<\/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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Step_2_Make_src_and_dist_directories_and_create_indexjs\" title=\"Step 2: Make src and dist directories and create index.js\">Step 2: Make src and dist directories and create index.js<\/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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Step_3_Create_webpackconfigjs_File\" title=\"Step 3: Create webpack.config.js File\">Step 3: Create webpack.config.js File<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Import_Chart_Type_and_Theme\" title=\"Import Chart Type and Theme\">Import Chart Type and Theme<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Write_the_Main_Function\" title=\"Write the Main Function\">Write the Main Function<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Convert_the_Data_to_JSON\" title=\"Convert the Data to JSON\">Convert the Data to JSON<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Step_1_Convert_the_CSV_Text_to_Matrix\" title=\"Step 1. Convert the CSV Text to Matrix\">Step 1. Convert the CSV Text to Matrix<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Step_2_Construct_the_JSON_%E2%80%98Dataset_Key\" title=\"Step 2: Construct the JSON &#8216;Dataset&#8217; Key\">Step 2: Construct the JSON &#8216;Dataset&#8217; Key<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Step_3_Construct_the_JSON_%E2%80%98Datasource_Key\" title=\"Step 3: Construct the JSON &#8216;Datasource&#8217; Key\">Step 3: Construct the JSON &#8216;Datasource&#8217; Key<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Render_the_Chart\" title=\"Render the Chart\">Render the Chart<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Run_the_App\" title=\"Run the App\">Run the App<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#Are_There_Other_Ways_to_Visualize_Machine_Learning_Data\" title=\"Are There Other Ways to Visualize Machine Learning Data?\">Are There Other Ways to Visualize Machine Learning Data?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"The_Iris_Dataset\"><\/span><b>The Iris Dataset<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nThe AI and machine learning community frequently use the Iris dataset to demonstrate the merits of a learning algorithm. It has four attributes:\r\n<ol>\r\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sepal length<\/span><\/li>\r\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sepal width<\/span><\/li>\r\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Petal length<\/span><\/li>\r\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Petal width<\/span><\/li>\r\n<\/ol>\r\n<span style=\"font-weight: 400\">There are also three classes present in this dataset that represent the flower species:<\/span>\r\n<ol>\r\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The Iris Setosa<\/span><\/li>\r\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The Iris Versicolour<\/span><\/li>\r\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">And the Iris Virginica<\/span><\/li>\r\n<\/ol>\r\nThe goal here is to identify the species of a flower when given the various attributes. As a first step, we need to understand the distribution of attributes for the different species, and that&#8217;s where box and whiskers plots come in handy. Let&#8217;s set up the app to do just that.\r\n<h3><span class=\"ez-toc-section\" id=\"Box_and_Whiskers_Plot_for_the_Iris_Dataset\"><\/span>Box and Whiskers Plot for the Iris Dataset<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nThe image below shows the box and whiskers plot for the Iris dataset generated by this app:\r\n\r\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18117 size-full\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/06\/iris.png\" alt=\"\" width=\"2032\" height=\"1132\" srcset=\"\/blog\/wp-content\/uploads\/2021\/06\/iris.png 2032w, \/blog\/wp-content\/uploads\/2021\/06\/iris-300x167.png 300w, \/blog\/wp-content\/uploads\/2021\/06\/iris-768x428.png 768w, \/blog\/wp-content\/uploads\/2021\/06\/iris-1024x570.png 1024w\" sizes=\"auto, (max-width: 2032px) 100vw, 2032px\" \/>\r\n\r\n<span data-preserver-spaces=\"true\">The above plot has some critical features such as:<\/span>\r\n<ul>\r\n \t<li><span data-preserver-spaces=\"true\">A separate box plot can be created for all attributes for all classes.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">Clicking a class\/species in the legend displays the box plot for only that class.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">The colors of the box plots for each class are entirely configurable.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">All text in the title, sub-title, and axis labels are configurable.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">Hovering the mouse on any box plot shows its information.<\/span><\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Setting_Up_the_Project_with_Webpack\"><\/span><b>Setting Up the Project with Webpack<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nAs a first step to building a box and whiskers app, you need to set up the project.\r\n\r\nMake a new directory for the project called BoxWhiskers. At the console, change the directory to the new project directory and do the following steps:\r\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Install_Webpack_and_FusionCharts\"><\/span><strong>Step 1: Install Webpack and FusionCharts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nType the following at the console:\r\n<pre class=\"lang:javascript\">npm i -D webpack-dev-server html-webpack-plugin path webpack-cli fusioncharts<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Make_src_and_dist_directories_and_create_indexjs\"><\/span><strong>Step 2: Make src and dist directories and create index.js<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nEnter the following commands at the console:\r\n<pre class=\"lang:javascript\">mkdir src\r\nmkdir dist\r\ntouch src\/index.js<\/pre>\r\nThe entire code for the data conversion and chart rendering will go into the index.js file.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Create_webpackconfigjs_File\"><\/span><strong>Step 3: Create webpack.config.js File<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nIn the main project directory create a file called webpack.config.js and enter the following code to it:\r\n<pre class=\"lang:javascript\">\/\/ webpack.config.js\r\nconst HtmlWebPackPlugin = require( 'html-webpack-plugin' );\r\nconst path = require( 'path' );\r\nmodule.exports = {\r\n   context: __dirname,\r\n   entry: '.\/src\/index.js',\r\n   output: {\r\n      path: path.resolve( __dirname, 'dist' ),\r\n      filename: 'main.js',\r\n   },\r\n\r\n   plugins: [\r\n      new HtmlWebPackPlugin()\r\n   ],\r\n   devServer: {\r\n       headers: {\r\n           \"Access-Control-Allow-Origin\": \"*\",\r\n           \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, PATCH, OPTIONS\",\r\n           \"Access-Control-Allow-Headers\": \"X-Requested-With, content-type, Authorization\"\r\n         },\r\n       proxy: {\r\n         '\/mlRepo': {\r\n            target: 'https:\/\/archive.ics.uci.edu',\r\n            pathRewrite: { '^\/mlRepo': '\/ml\/machine-learning-databases\/iris\/iris.data' },\r\n            changeOrigin: true,\r\n         },\r\n       },\r\n\r\n     }\r\n};<\/pre>\r\nThis step is necessary for enabling CORS for the UCI machine learning repository website and downloading the Iris data file.\r\n<h2><span class=\"ez-toc-section\" id=\"Import_Chart_Type_and_Theme\"><\/span>Import Chart Type and Theme<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nIn the index.js file add the following lines to import the necessary libraries:\r\n<pre class=\"lang:javascript\">\/\/ Include the core fusioncharts file from core\r\nimport FusionCharts from 'fusioncharts\/core';\r\n\/\/ Include the chart from viz folder\r\n\/\/ E.g. - import ChartType from fusioncharts\/viz\/[ChartType]\r\nimport Boxandwhisker2d from 'fusioncharts\/viz\/boxandwhisker2d';\r\n\/\/ Include the fusion theme\r\nimport FusionTheme from 'fusioncharts\/themes\/es\/fusioncharts.theme.fusion';<\/pre>\r\nCreate a container for the charts by adding a div tag. Add this to the index.js file:\r\n<pre class=\"lang:javascript\">const myDiv = document.createElement('div');\r\nmyDiv.id = 'chart-container';\r\ndocument.body.appendChild( myDiv )<\/pre>\r\n<h2><span class=\"ez-toc-section\" id=\"Write_the_Main_Function\"><\/span>Write the Main Function<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nAdd the main() function to index.js file. This function does the main job of fetching data and rendering the html page:\r\n<pre class=\"lang:javascript\">async function main() {\r\n    \/\/Get the data\r\n    let response = await fetch('\/mlRepo');\r\n    let data = await response.text();\r\n    if (response.ok){        \r\n        renderPage(data);\r\n    }\r\n    else {\r\n        alert('Error reading data from ML repository');\r\n    }\r\n}<\/pre>\r\nThe renderPage() function looks like this:\r\n<pre class=\"lang:markup\">\/\/renders the html page when passed data as csv-text\r\nfunction renderPage(csvText){\r\n    var irisHeader = ['Sepal-length','Sepal-width','Petal-length','Petal-width','Class']; \r\n    var matrix = csvToMatrix(csvText,',');\r\n    var dataset = constructDatasetJson(matrix);\r\n    var jsonArr = constructDataSource(dataset,irisHeader);\r\n    renderChart(jsonArr);\r\n}<\/pre>\r\n<p class=\"p1\">The renderPage() function is a high-level function that calls routines for converting the CSV text to a JSON object and rendering the box and whiskers plot.<\/p>\r\n\r\n<h2><span class=\"ez-toc-section\" id=\"Convert_the_Data_to_JSON\"><\/span>Convert the Data to JSON<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nThe box and whiskers plot requires the data to be in JSON format. Follow the given steps:\r\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Convert_the_CSV_Text_to_Matrix\"><\/span>Step 1. Convert the CSV Text to Matrix<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nAdd the following function to index.js:\r\n<pre class=\"lang:javascript\">\/\/convert csv text to matrix\r\nfunction csvToMatrix(csvText,sep=','){\r\n    var matrix = [];\r\n    var rows = csvText.split(\"\\n\");\r\n    for(var i=0;i&lt;rows.length;i++){\r\n        var cols = rows[i].split(sep);\r\n        if (cols.length &gt; 1)\r\n        matrix.push(cols);\r\n    }\r\n    return matrix;\r\n}<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Construct_the_JSON_%E2%80%98Dataset_Key\"><\/span>Step 2: Construct the JSON &#8216;Dataset&#8217; Key<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nTo construct the JSON dataset key add the following two functions to index.js:\r\n<pre class=\"lang:javascript\">\/\/helper function to get unique items in array\r\nfunction unique(value, index, self){\r\n    return self.indexOf(value) === index;\r\n}\r\n\r\n\/\/returns JSON text for 'dataset' key \r\nfunction constructDatasetJson(matrix){\r\n    var cols = matrix[0].length;\r\n    \/\/find the unique classes (iris species)\r\n    var classes = matrix.map(function(value,index) {return value[cols-1];});\r\n    classes = classes.filter(unique);\r\n    \/\/JSON for dataset\r\n    var dataset = [];\r\n    \r\n    for (var k=0;k&lt;classes.length;++k)\r\n    {\r\n        var className = classes[k];        \r\n        var seriesObj = {\"seriesname\":className};\r\n        var obj = [];\r\n        for (var j=0;j&lt;cols-1;++j)\r\n        {\r\n            var subset = matrix.filter(r=&gt;r[cols-1].match(className));\r\n            var col = subset.map(function(value,index) {return parseFloat(value[j],10);});             \r\n            var valObj = {\"value\":col.toString()};\r\n            obj.push(valObj);\r\n        }\r\n        seriesObj.data = obj;\r\n        dataset.push(seriesObj);\r\n    }\r\n    return dataset;\r\n}<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Construct_the_JSON_%E2%80%98Datasource_Key\"><\/span>Step 3: Construct the JSON &#8216;Datasource&#8217; Key<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nAdd the following function to index.js:\r\n<pre class=\"lang:javascript\">\/\/constructs JSON text for 'dataSource' key\r\nfunction constructDataSource(dataset,heads){\r\n    var category = [];\r\n    for (var i=0;i&lt;heads.length-1;++i){\r\n        category.push({\"label\":heads[i]});\r\n    }\r\n    var categories = [{\"category\": category}];\r\n    var JsonArr = {\"chart\": {\r\n        \"caption\": \"Iris Dataset: Distribution of Attribute Values By Species\",\r\n        \"subcaption\": \"Data Source: UCI Machine Learning Repository\",\r\n        \"xAxisName\": \"Attributes\",\r\n        \"YAxisName\": \"Length\/Width\",\r\n        \"numberPrefix\": \"\",\r\n        \"theme\": \"fusion\"\r\n    }, \r\n    categories, dataset};    \r\n    return JsonArr;\r\n}<\/pre>\r\n<h2><span class=\"ez-toc-section\" id=\"Render_the_Chart\"><\/span>Render the Chart<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nYou can now write the function to render the chart:\r\n<pre class=\"lang:javascript\">\/\/ Draw the chart\r\n\r\nfunction renderChart(dataSrc){\r\n\r\n\u00a0 \u00a0 FusionCharts.addDep(Boxandwhisker2d);\r\n\r\n\u00a0 \u00a0 FusionCharts.addDep(FusionTheme);\r\n\r\n\u00a0 \u00a0 \/\/Chart Configurations\r\n\r\n\u00a0 \u00a0 const chartConfig = {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 type: 'boxandwhisker2d',\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 renderAt: 'chart-container',\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 width: '80%',\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 height: '600',\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 dataFormat: 'json',\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 dataSource: dataSrc\r\n\r\n\u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 \/\/Create an Instance with chart options and render the chart\r\n\r\n\u00a0 \u00a0 var chartInstance = new FusionCharts(chartConfig);\r\n\r\n\u00a0 \u00a0 chartInstance.render();\r\n\r\n}<\/pre>\r\n<h2><span class=\"ez-toc-section\" id=\"Run_the_App\"><\/span>Run the App<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nAt the end of the index.js file, add a line to call the main() function.\r\n\r\nYou can run the webpack server by typing at the command line:\r\n<pre class=\"lang:javascript\">npx webpack serve --mode=development<\/pre>\r\nLoad the app in your browser using <code>localhost:8080<\/code>.\r\n<h2><span class=\"ez-toc-section\" id=\"Are_There_Other_Ways_to_Visualize_Machine_Learning_Data\"><\/span>Are There Other Ways to Visualize Machine Learning Data?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<span data-preserver-spaces=\"true\">There are plenty of practical and powerful methods to create visualizations of machine learning data. FusionCharts has a great library of charts, maps, and plots, which effectively understand and get insights into your datasets. Visit\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/www.fusioncharts.com\/fusioncharts\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">FusionCharts<\/span><\/a><span data-preserver-spaces=\"true\">\u00a0today and start your free trial for building machine learning and data science apps with powerful data presentations.<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">You can download the complete source code for this app by\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/github.com\/fusionchartsexpress\/JavascriptBoxWhiskers\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">clicking this link<\/span><\/a><span data-preserver-spaces=\"true\">. Happy learning from data!<\/span>\r\n\r\n&nbsp;\r\n\r\n&nbsp;","protected":false},"excerpt":{"rendered":"<p>It is critical to get familiar with the data when conducting exploratory data analysis in machine learning. Automated systems for generating informative summaries and descriptive statistics are essential, especially when dealing with large datasets with numerous columns (also known as features).\u00a0FusionCharts\u00a0is a Javascript library that allows you to create beautiful and dynamic charts, maps, and [&hellip;]<\/p>\n","protected":false},"author":59,"featured_media":18119,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[722,18],"tags":[771,770,105,774,773,772],"coauthors":[769],"class_list":["post-18056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fusioncharts","category-tutorials","tag-box-and-whiskers-plot","tag-data-distribution","tag-data-visualization","tag-exploratory-data-analysis","tag-machine-learning-data","tag-quartiles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026<\/title>\n<meta name=\"description\" content=\"Discover the best reporting tools for 2026. Explore web apps with clean UIs, benchmarks, and customizable actionable insights. Optimize your business now.\" \/>\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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026\" \/>\n<meta property=\"og:description\" content=\"Discover the best reporting tools for 2026. Explore web apps with clean UIs, benchmarks, and customizable actionable insights. Optimize your business now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-14T23:00:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:07:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mehreen Saeed\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mehreen Saeed\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Mehreen Saeed\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7\"\n\t            },\n\t            \"headline\": \"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026\",\n\t            \"datePublished\": \"2021-06-14T23:00:30+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:07:14+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/\"\n\t            },\n\t            \"wordCount\": 853,\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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg\",\n\t            \"keywords\": [\n\t                \"box and whiskers plot\",\n\t                \"data distribution\",\n\t                \"data visualization\",\n\t                \"exploratory data analysis\",\n\t                \"machine learning data\",\n\t                \"quartiles\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"FusionCharts\",\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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/\",\n\t            \"name\": \"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026\",\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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg\",\n\t            \"datePublished\": \"2021-06-14T23:00:30+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:07:14+00:00\",\n\t            \"description\": \"Discover the best reporting tools for 2026. Explore web apps with clean UIs, benchmarks, and customizable actionable insights. Optimize your business now.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/\"\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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg\",\n\t            \"width\": 1920,\n\t            \"height\": 1200\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#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\": \"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026\"\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\/93c1ff85ace69b8175fdec9016c8aca7\",\n\t            \"name\": \"Mehreen Saeed\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/b00c4263cd8aa44b9c97ced2ed628629\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg\",\n\t                \"caption\": \"Mehreen Saeed\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/mehreensaeed\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026","description":"Discover the best reporting tools for 2026. Explore web apps with clean UIs, benchmarks, and customizable actionable insights. Optimize your business now.","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\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/","og_locale":"en_US","og_type":"article","og_title":"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026","og_description":"Discover the best reporting tools for 2026. Explore web apps with clean UIs, benchmarks, and customizable actionable insights. Optimize your business now.","og_url":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2021-06-14T23:00:30+00:00","article_modified_time":"2026-01-20T09:07:14+00:00","og_image":[{"width":1920,"height":1200,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg","type":"image\/jpeg"}],"author":"Mehreen Saeed","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mehreen Saeed","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/"},"author":{"name":"Mehreen Saeed","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7"},"headline":"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026","datePublished":"2021-06-14T23:00:30+00:00","dateModified":"2026-01-20T09:07:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/"},"wordCount":853,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg","keywords":["box and whiskers plot","data distribution","data visualization","exploratory data analysis","machine learning data","quartiles"],"articleSection":["FusionCharts","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/","url":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/","name":"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg","datePublished":"2021-06-14T23:00:30+00:00","dateModified":"2026-01-20T09:07:14+00:00","description":"Discover the best reporting tools for 2026. Explore web apps with clean UIs, benchmarks, and customizable actionable insights. Optimize your business now.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2021\/06\/boxwhiskersmain.jpg","width":1920,"height":1200},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/visualizing-distributions-of-machine-learning-data-via-box-and-whiskers-plot\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Visualizing of Machine Learning Data Via Box &amp; Whiskers Plot 2026"}]},{"@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\/93c1ff85ace69b8175fdec9016c8aca7","name":"Mehreen Saeed","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/b00c4263cd8aa44b9c97ced2ed628629","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg","caption":"Mehreen Saeed"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/mehreensaeed\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/18056","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\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=18056"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/18056\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/18119"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=18056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=18056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=18056"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=18056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}