{"id":1745,"date":"2024-03-22T19:17:34","date_gmt":"2024-03-22T19:17:34","guid":{"rendered":"https:\/\/walmi.org\/?page_id=1745"},"modified":"2024-03-22T21:14:07","modified_gmt":"2024-03-22T21:14:07","slug":"nutrient-dashboard","status":"publish","type":"page","link":"https:\/\/walmi.org\/index.php\/nutrient-dashboard\/","title":{"rendered":"Nutrient Dashboard"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1745\" class=\"elementor elementor-1745\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-55f2cc7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"55f2cc7\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d55ee4\" data-id=\"4d55ee4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-87db5aa elementor-widget elementor-widget-heading\" data-id=\"87db5aa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nutrient Dashboard<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa5796 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"6fa5796\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1171\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1171\" aria-expanded=\"false\">Chart<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1172\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1172\" aria-expanded=\"false\">Table View<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1171\" aria-expanded=\"false\">Chart<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1171\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1171\" tabindex=\"0\" hidden=\"false\"><div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col order-first\">\n      <!DOCTYPE html>\n<html lang=\"en-US\">\n<body>\n\n<div id=\"piechart4\"><\/div>\n\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n\n<script type=\"text\/javascript\">\n\/\/ Load google charts\ngoogle.charts.load('current', {'packages':['corechart']});\ngoogle.charts.setOnLoadCallback(drawChart);\n\n\/\/ Draw the chart and set the chart values\nfunction drawChart() {\n  var data = google.visualization.arrayToDataTable([\n  ['Task', 'Hours per Day'],\n  ['Work', 8],\n  ['Eat', 2],\n  ['TV', 4],\n  ['Gym', 2],\n  ['Sleep', 8]\n]);\n\n  \/\/ Optional; add a title and set the width and height of the chart\n  var options = {'title':'My Average Day', 'width':250, 'height':200};\n\n  \/\/ Display the chart inside the <div> element with id=\"piechart\"\n  var chart = new google.visualization.PieChart(document.getElementById('piechart4'));\n  chart.draw(data, options);\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n    <\/div>\n    <div class=\"col\">\n     <!DOCTYPE html>\n<html lang=\"en-US\">\n<body>\n\n<div id=\"piechart5\"><\/div>\n\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n\n<script type=\"text\/javascript\">\n\/\/ Load google charts\ngoogle.charts.load('current', {'packages':['corechart']});\ngoogle.charts.setOnLoadCallback(drawChart);\n\n\/\/ Draw the chart and set the chart values\nfunction drawChart() {\n  var data = google.visualization.arrayToDataTable([\n  ['Task', 'Hours per Day'],\n  ['Work', 8],\n  ['Eat', 2],\n  ['TV', 4],\n  ['Gym', 2],\n  ['Sleep', 8]\n]);\n\n  \/\/ Optional; add a title and set the width and height of the chart\n  var options = {'title':'My Average Day', 'width':250, 'height':200};\n\n  \/\/ Display the chart inside the <div> element with id=\"piechart\"\n  var chart = new google.visualization.PieChart(document.getElementById('piechart5'));\n  chart.draw(data, options);\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n    <\/div>\n    <div class=\"col order-last\">\n      <!DOCTYPE html>\n<html lang=\"en-US\">\n<body>\n\n<div id=\"piechart6\"><\/div>\n\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n\n<script type=\"text\/javascript\">\n\/\/ Load google charts\ngoogle.charts.load('current', {'packages':['corechart']});\ngoogle.charts.setOnLoadCallback(drawChart);\n\n\/\/ Draw the chart and set the chart values\nfunction drawChart() {\n  var data = google.visualization.arrayToDataTable([\n  ['Task', 'Hours per Day'],\n  ['Work', 8],\n  ['Eat', 2],\n  ['TV', 4],\n  ['Gym', 2],\n  ['Sleep', 8]\n]);\n\n  \/\/ Optional; add a title and set the width and height of the chart\n  var options = {'title':'My Average Day', 'width':250, 'height':200};\n\n  \/\/ Display the chart inside the <div> element with id=\"piechart6\"\n  var chart = new google.visualization.PieChart(document.getElementById('piechart6'));\n  chart.draw(data, options);\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n    <\/div>\n  <\/div>\n   <div class=\"row\">\n    <div class=\"col order-first\">\n     <!DOCTYPE html>\n<html lang=\"en-US\">\n<body>\n\n<div id=\"piechart7\"><\/div>\n\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n\n<script type=\"text\/javascript\">\n\/\/ Load google charts\ngoogle.charts.load('current', {'packages':['corechart']});\ngoogle.charts.setOnLoadCallback(drawChart);\n\n\/\/ Draw the chart and set the chart values\nfunction drawChart() {\n  var data = google.visualization.arrayToDataTable([\n  ['Task', 'Hours per Day'],\n  ['Work', 8],\n  ['Eat', 2],\n  ['TV', 4],\n  ['Gym', 2],\n  ['Sleep', 8]\n]);\n\n  \/\/ Optional; add a title and set the width and height of the chart\n  var options = {'title':'My Average Day', 'width':250, 'height':200};\n\n  \/\/ Display the chart inside the <div> element with id=\"piechart7\"\n  var chart = new google.visualization.PieChart(document.getElementById('piechart7'));\n  chart.draw(data, options);\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n    <\/div>\n    <div class=\"col\">\n      <!DOCTYPE html>\n<html lang=\"en-US\">\n<body>\n\n<div id=\"piechart8\"><\/div>\n\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n\n<script type=\"text\/javascript\">\n\/\/ Load google charts\ngoogle.charts.load('current', {'packages':['corechart']});\ngoogle.charts.setOnLoadCallback(drawChart);\n\n\/\/ Draw the chart and set the chart values\nfunction drawChart() {\n  var data = google.visualization.arrayToDataTable([\n  ['Task', 'Hours per Day'],\n  ['Work', 8],\n  ['Eat', 2],\n  ['TV', 4],\n  ['Gym', 2],\n  ['Sleep', 8]\n]);\n\n  \/\/ Optional; add a title and set the width and height of the chart\n  var options = {'title':'My Average Day', 'width':250, 'height':200};\n\n  \/\/ Display the chart inside the <div> element with id=\"piechart8\"\n  var chart = new google.visualization.PieChart(document.getElementById('piechart8'));\n  chart.draw(data, options);\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n    <\/div>\n    <div class=\"col order-last\">\n      <!DOCTYPE html>\n<html lang=\"en-US\">\n<body>\n\n<div id=\"piechart9\"><\/div>\n\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n\n<script type=\"text\/javascript\">\n\/\/ Load google charts\ngoogle.charts.load('current', {'packages':['corechart']});\ngoogle.charts.setOnLoadCallback(drawChart);\n\n\/\/ Draw the chart and set the chart values\nfunction drawChart() {\n  var data = google.visualization.arrayToDataTable([\n  ['Task', 'Hours per Day'],\n  ['Work', 8],\n  ['Eat', 2],\n  ['TV', 4],\n  ['Gym', 2],\n  ['Sleep', 8]\n]);\n\n  \/\/ Optional; add a title and set the width and height of the chart\n  var options = {'title':'My Average Day', 'width':250, 'height':200};\n\n  \/\/ Display the chart inside the <div> element with id=\"piechart9\"\n  var chart = new google.visualization.PieChart(document.getElementById('piechart9'));\n  chart.draw(data, options);\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n    <\/div>\n  <\/div>\n\n<\/div><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1172\" aria-expanded=\"false\">Table View<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1172\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1172\" tabindex=\"0\" hidden=\"hidden\"><div class=\"table table-sm table-responsive\">\n<table class=\"table\">\n<thead style=\"background-color: #45046a;\">\n<tr>\n<th style=\"color: white;\" scope=\"col\">State Name<\/th>\n<th style=\"color: white;\" width=\"20%\">Nitrogen<\/th>\n<th style=\"color: white;\" scope=\"col\">Phosphorous<\/th>\n<th style=\"color: white;\" scope=\"col\">Potassium<\/th>\n<\/tr>\n<\/thead>\n<tbody style=\"font-family: 'Lato'; font-size: 15px; background-color: #cdbbd7;\">\n<tr>\n<th scope=\"row\">MAHARASHTRA<\/th>\n\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">KARNATAKA<\/th>\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">MADHYA PRADESH<\/th>\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<td style=\"color: #000;\">&#8212;&#8212;-<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c6ab8a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c6ab8a0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-738561d4\" data-id=\"738561d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a2f2d5f elementor-widget elementor-widget-spacer\" data-id=\"3a2f2d5f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nutrient Dashboard Chart Table View Chart Table View State Name Nitrogen Phosphorous Potassium MAHARASHTRA &#8212;&#8212;- &#8212;&#8212;- &#8212;&#8212;- KARNATAKA &#8212;&#8212;- &#8212;&#8212;- &#8212;&#8212;- MADHYA PRADESH &#8212;&#8212;- &#8212;&#8212;- &#8212;&#8212;-<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1745","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/walmi.org\/index.php\/wp-json\/wp\/v2\/pages\/1745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walmi.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/walmi.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/walmi.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walmi.org\/index.php\/wp-json\/wp\/v2\/comments?post=1745"}],"version-history":[{"count":19,"href":"https:\/\/walmi.org\/index.php\/wp-json\/wp\/v2\/pages\/1745\/revisions"}],"predecessor-version":[{"id":1824,"href":"https:\/\/walmi.org\/index.php\/wp-json\/wp\/v2\/pages\/1745\/revisions\/1824"}],"wp:attachment":[{"href":"https:\/\/walmi.org\/index.php\/wp-json\/wp\/v2\/media?parent=1745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}