Wemos_sds011 - ThingSpeak IoT

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="https://assets.adobedtm.com/d0cc0600946eb3957f703b9fe43c3590597a8c2c/satelliteLib-c70de708e9cd05573175cb144bac6233555f70e5.js" integrity="sha384-FHIghZStVUwH7KBgzTjFuxxk5zPLiKRZ5QIUvFlJYNUc6qZ+SQquvgaixgB9MaIK" crossorigin="anonymous"></script> <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Wemos_sds011 - ThingSpeak IoT</title> <meta name="description" content="Wemos_sds011 on ThingSpeak. ThingSpeak is the open IoT platform with MATLAB analytics."> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="theme-color" content="#ffffff">  <script type="application/javascript"> function tryCssAltUrl(linkEl, altUrl) { linkEl.removeAttribute('onerror'); // avoid infinite loop if alt url also error linkEl.href=altUrl; } function tryJsAltUrl(altUrl, integrity) { const script=document.createElement('script'); script.src=altUrl; if (integrity) { script.integrity=integrity; script.crossOrigin='anonymous'; } document.head.appendChild(script); } </script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous" onerror="tryCssAltUrl(this,'/bootstrap@5.2.2/dist/css/bootstrap.min.css');"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" onerror="tryCssAltUrl(this,'/font-awesome-4.7.0/css/font-awesome.min.css');"> <link rel="stylesheet" href="/assets/bootstrap_overrides-0e984f58dd8a3e797ba20e5519bba926c5e0c8a2005f489c266494759dbe506e.css" data-turbolinks-track="reload" media="screen" /> <link rel="stylesheet" href="/assets/application-c5de5de47f3a82eff6beafbb33fa1753f81217daf451c2b22c36253abf8b9072.css" data-turbolinks-track="reload" media="screen" /> <script src="/assets/jquery-a3700c90d2826f7657df0dd91127a4fc6130d3c6e65eb2ab450a04a56b9040bd.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous" onerror="tryJsAltUrl('/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js','sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3');"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.25.3/js/jquery.tablesorter.combined.min.js" integrity="sha384-cfN+2tMN63B5BOlY4cbvyOdOpp2v+DGGmz1ZxHfGNNq0uPIFdS4R53iurgbTOgLu" crossorigin="anonymous"></script> <script src="/assets/application-2dc44ae2690c91d6068664aa7d9bef0de9d73b34c35c99a874bd35763a88fd46.js" data-turbolinks-track="reload"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js" integrity="sha384-CUdYwYFu8WmBI8h257c5rCd1GQX0KL+zSYV6kyRNY2thW7QqQymKGfTCI1WHwzvy" crossorigin="anonymous"></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="gnbFpxl5Jk3KFnVmPC1QFzUYSh_CaG6RMS6jgLV0jQCimWrVIynjaM8GDyEnvNKDUkMwVLLED8K4iHi0bm1U1A" />  <script src="/assets/ts_qualaroo_loader-36e56e29a01d4ad7a1ada41d2aef3275308d3a3644040a01e12139d34997bd00.js" defer="defer"></script>  <script src="/assets/sso_cookie_check-f8b1eba42d88a4157f9a740517d7ffad64cfb3d599f76006804a1ba21eccaa35.js" defer="defer"></script> </head> <body> <div id="wrap"> <nav class="navbar fixed-top navbar-expand-lg ts-navbar mb-4"> <div class="container"> <div class="navbar-brand"> <a href="/"> <img style="padding: 0 8px; margin-top: 7px;" id="nav-thingspeak-logo" data-turbolinks="false" src="/assets/thingspeak_logo_white-ef4990033a96773df16f2a98e7d72e06f1f497d026145ebbcce1aa9d974e9015.png" width="200" height="35" /> </a> </div> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent" data-turbolinks="false"> <ul class="navbar-nav ms-auto mb-lg-0 d-lg-none d-xl-none sign-in-nav"> <li id='sign_in' class="dropdown"> <a id="user-gravatar" title="Sign In" href="/login"><img class="user-img" src="/assets/ico-header-account-04278bcd3c3a471562ed25e3f1e5a847993c59f7b63283b9b92ebfef4460a4f1.svg" width="22" height="22" /><span class="sign-in-label">Sign In</span></a> </li> </ul> <ul class="navbar-nav me-auto mb-lg-0"> <li class="activenav-item"> <a id="nav-channels-before" class="nav-link" href="/channels/public">Channels</a> </li> <li class="nav-item"> <a id="nav-apps" class="nav-link" href="/apps">Apps</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle nav-link" data-bs-toggle="dropdown" aria-expanded="false" id="nav-support">Support<b class="caret"></b></a> <ul class="dropdown-menu" aria-labelledby="nav-support"> <li><a href="https://www.mathworks.com/help/thingspeak/" target="_blank" rel="noopener noreferrer" id="nav-support-doc" class="dropdown-item">Documentation</a></li> <li><a href="https://www.mathworks.com/help/thingspeak/getting-started-with-thingspeak.html" target="_blank" rel="noopener noreferrer" id="nav-support-tutorials" class="dropdown-item">Tutorials</a></li> <li><a href="https://www.mathworks.com/help/thingspeak/examples.html" target="_blank" rel="noopener noreferrer" id="nav-support-examples" class="dropdown-item">Examples</a></li> <li><a href="https://www.mathworks.com/matlabcentral/topics/thingspeak.html" target="_blank" rel="noopener noreferrer" id="nav-support-forum" class="dropdown-item">Community Support</a></li> </ul> </li> </ul> <div class="ms-auto d-sm-none d-md-block"> <ul class="navbar-nav me-auto"> <span class="navbar-nav d-none d-lg-block"> <li class="dropdown"><a id="commercial-learn-more-nav" class="nav-link" href="/pages/commercial_learn_more">Commercial Use</a></li> </span> <li class="dropdown"><a id="nav-sign-in" class="nav-link" href="/prices">How to Buy</a></li> <div class="d-none d-lg-block user-nav"> <li id='sign_in' class="dropdown"> <a id="user-gravatar" title="Sign In" href="/login"><img class="user-img" src="/assets/ico-header-account-04278bcd3c3a471562ed25e3f1e5a847993c59f7b63283b9b92ebfef4460a4f1.svg" width="22" height="22" /><span class="sign-in-label">Sign In</span></a> </li> </div> </ul> </div> </div> </div> </nav> <link rel="stylesheet" href="/assets/navbar-9724aa5cdf901f82ab3a017d62a62bc4581eba9578e9919df8e83826c7fbc0d5.css" data-turbolinks-track="reload" media="screen" /> <div class="container"> <script> //<![CDATA[ let is_local_env = false //]]> </script> <script src="https://login.mathworks.com/embedded-login/js/dotcom_embedded_status.js"></script> <script> try { MWEmbeddedStatus.initialize({ clientString: "TSPK", embeddedEndpoint: "https://login.mathworks.com/embedded-login/", logout: function(){ window.location.href = "/logout"; }, synced: function(){ redirectToEmbeddedLogin(); }, handle3PCookieDisabled: function(){ redirectToEmbeddedLogin(); } }); MWEmbeddedStatus.prototype.logout = function(){ if (is_local_env){ document.cookie = "mwa_SID=;path=/"; } else { document.cookie = "mwa_SID=;path=/;secure"; } MWEmbeddedStatus.instance.config.logout(); }; // to enable SSO in local development and test environments if (is_local_env){ MWEmbeddedStatus.prototype.redirectToSSO = function(tx){ var port = window.location.port === "" ? "" : ":"+ window.location.port; window.location.href = window.location.protocol + "//" + location.hostname + port + "/login/mwa-sso?uri=" + encodeURIComponent(window.location.href) + "&tx_id=" + tx; }; } } catch (error) { // pages with links that don't have turbolinks disabled won't load the SSO Status API, // or for browsers that don't allow 3p cookies by default, render embedded login form if (typeof MWEmbeddedStatus === "undefined"){ window.location.replace("/login" + "?skipSSOCheck=true"); } } function redirectToEmbeddedLogin(){ let skipSSOCheckPath = "/login/mwa-sso/check"; // redirect the user to embedded login page if a synced event is received and the current pathname points to /login/mwa-sso/check if (window.location.pathname === skipSSOCheckPath) { window.location.replace("/login" + "?skipSSOCheck=true"); } } </script> <div class="row" data-turbolinks="false"> <div> <div class="socialButtons"> <span class="d-none d-sm-block"> <div class="float-end overflow-hidden pe-1"> </div> </span> </div> </div> <div id="invalid_widget_parameter" class="alert alert-danger alert-dismissable" style="display:none; clear:both"> <span id="invalid_widget_parameter_close" class="dismiss"><i class="fa fa-close"></i></span> <a href="https://www.mathworks.com/help/thingspeak/channel_display_widgets.html" target="_blank" rel="noopener noreferrer" data-turbolinks="false" id="widget_param_doc" class="exhaustion_alert">Widget Documentation</a> <span id="widget-config-err-msg"> </span> </div> <div id="invalid_widget_type" class="alert alert-danger alert-dismissable" style="display:none; clear:both"> <span id="invalid_widget_type_close" class="dismiss"><i class="fa fa-close"></i></span> <span> You have selected an invalid widget to be created. Please select a valid widget to be created. </span> </div> <div class="channel-pages"> <h1 id="channel-name-header">Wemos_sds011</h1>   <div class="row"> <div class="col-sm-4"> <ul class="no-bullets" id="table-channel-metadata"> <li>Channel ID: <strong id="channel-metadata-id">402750</strong></li> <li>Author: <a target="_blank" href="/users/piersoft">piersoft</a></li> <li id="channel-metadata-access">Access: Public</li> </ul> </div> <div class="col-sm-6"> <div class="channel-info-desc"> <div class="margin-left"> <em class="fa fa-tags"></em>  <a href="/channels/public?tag=wemos" id="channel-tags">wemos</a>, <a href="/channels/public?tag=sds011" id="channel-tags">sds011</a>, <a href="/channels/public?tag=dht22" id="channel-tags">dht22</a> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="row"> <div class="col-12 col-sm-6"> <div id="devinfo_modal" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Export recent data</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <table class="table table-striped" > <caption></caption> <tr style="display: none;"> <th scope="col"></th> <th scope="col"></th> </tr> <tr> <td>Wemos_sds011 Channel Feed:</td> <td> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/feed.json">JSON</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/feed.xml">XML</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/feed.csv">CSV</a> </td> </tr> <tr> <td>Field 1 Data: PM10 </td> <td> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/1.json">JSON</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/1.xml">XML</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/1.csv">CSV</a> </td> </tr> <tr> <td>Field 2 Data: PM25 </td> <td> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/2.json">JSON</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/2.xml">XML</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/2.csv">CSV</a> </td> </tr> <tr> <td>Field 3 Data: TempDHT22 </td> <td> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/3.json">JSON</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/3.xml">XML</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/3.csv">CSV</a> </td> </tr> <tr> <td>Field 4 Data: HumDHT22 </td> <td> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/4.json">JSON</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/4.xml">XML</a> <a target="_blank" rel="noopener noreferrer" href="/channels/402750/field/4.csv">CSV</a> </td> </tr> </table> </div> </div> </div> </div> <button type="button" data-bs-toggle="modal" data-bs-target="#devinfo_modal" class="btn btn-default btn-sm btn-margin-bottom" id="channel-data-export-button"><em class='fa fa-external-link-square timecontrol_index'></em> Export recent data</button> <a href="http://bit.ly/mappapm10" class="btn btn-default btn-sm btn-margin-bottom" id="channel-for-more-info" target="_blank" rel="noopener noreferrer"> <em class='fa fa-link timecontrol_index'></em> More Information </a> <a href="https://github.com/piersoft/Wemos_RGB_SDS011_DHT22" class="btn btn-default btn-sm btn-margin-bottom" id="channel-github-link" target="_blank" rel="noopener noreferrer"> <em class='fa fa-github timecontrol_index'></em> GitHub </a> </div> <div class="col-md-6"> <div class="float-end"> <a class="btn btn-primary btn-sm btn-margin-bottom" id="channel-matlab-analysis-button" href="/apps/matlab_analyses/templates">MATLAB Analysis</a> <a class="btn btn-primary btn-sm btn-margin-bottom" id="channel-matlab-visualization-button" href="/apps/matlab_visualizations/templates?channel_id=402750&is_private_view=false">MATLAB Visualization</a> </div> </div> </div> <br> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.4.2/Sortable.min.js" integrity="sha384-cGoVZug22kU0KaYbL6jI8BRsGIAXIYe00lYKPHCwEqD9gwUjxaOBG3X/4mjG6xau" crossorigin="anonymous"></script> <div class="row"> <div class="col-12 col-md-12"> <div id="windows_container"> <script src="/assets/widget-425f7cbff6ae2fb624411ee9ad8ba83d43f33db47ff1cbf968cb008a4e22304f.js" data-turbolinks-track="reload"></script> <link rel="stylesheet" href="/assets/widget-2d0158ca6696326141c506525b83a218d479d5cd051420d704835dbfef7b26d7.css" media="screen" /> <div id="window_2488493" class="window-container"> <div title="Field 1 Chart" class="window-header"> <div class="window-title">Field 1 Chart</div> <div id="controls" class="window-controls"> <div id="iframe_modal_open_2488493" title="Field 1 Chart IFrame" class="window-icon" data-bs-toggle="modal" data-bs-target="#window_iframe_modal_2488493"><i class="fa fa-comment-o fa-lg"></i></div> <div style="padding-top: 2px;"> <a target="_blank" class="chart-header" id="chart_page_2488493" href="/channels/402750/charts/1?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"> <i class="fa fa-external-link fa-lg"></i> </a> </div> </div> </div> <div class="window-content"> <iframe id="window_iframe_2488493" class="window-iframe" src="/channels/402750/charts/1?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"></iframe> </div> </div> <div id="window_iframe_modal_2488493" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="iframe_modal_close_2488493" type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Field 1 Chart IFrame</h4> </div> <div class="modal-body"> <div id="iframe_modal_content_body_2488493" > <pre id="iframe_modal_pre_2488493"><iframe width="450" height="260" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/402750/charts/1?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"></iframe></pre> </div> </div> </div> </div> </div> <div id="window_options_modal_2488493" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Field 1 Chart Options</h4> <div class="d-flex justify-content-end"> <a href="https://www.mathworks.com/help/thingspeak/createchart.html" target="_blank" class="close"> <i class="fa fa-question float-end widget-info" aria-hidden="true"></i> </a> <button id="options_modal_close_2488493" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> </div> <div class="modal-body"> <div id="options_modal_content_body_2488493" > <div class="row mb-3"> <div class="col-6"> <table> <tr> <td> Title:</td> <td> <input type="text" name="options[title]" id="options_title" value="" class="form-control" /> </td> </tr> <tr> <td> X-Axis:</td> <td> <input type="text" name="options[xaxis]" id="options_xaxis" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis:</td> <td> <input type="text" name="options[yaxis]" id="options_yaxis" value="" class="form-control" /> </td> </tr> <tr> <td> Color:</td> <td> <input type="text" name="options[color]" id="options_color" value="" class="form-control" /> </td> </tr> <tr> <td> Background:</td> <td> <input type="text" name="options[bgcolor]" id="options_bgcolor" value="" class="form-control" /> </td> </tr> <tr> <td> Type:</td> <td> <select name="options[type]" id="options_type" class="form-select"><option value="line">line</option> <option value="bar">bar</option> <option value="column">column</option> <option value="spline">spline</option> <option value="step">step</option></select> </td> </tr> <tr> <td> Dynamic?:</td> <td> <select name="options[dynamic]" id="options_dynamic" class="form-select"><option value="true">true</option> <option value="false">false</option></select> </td> </tr> <tr> <td> Days:</td> <td> <input type="text" name="options[days]" id="options_days" value="" class="form-control" /> </td> </tr> <tr> <td> Results:</td> <td> <input type="text" name="options[results]" id="options_results" value="" class="form-control" /> </td> </tr> </table> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <table> <tr> <td> Timescale:</td> <td> <select name="options[timescale]" id="options_timescale" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Average:</td> <td> <select name="options[average]" id="options_average" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Median:</td> <td> <select name="options[median]" id="options_median" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Sum:</td> <td> <select name="options[sum]" id="options_sum" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Rounding:</td> <td> <input type="text" name="options[round]" id="options_round" value="" class="form-control" /> </td> </tr> <tr> <td> Data Min: </td> <td> <input type="text" name="options[min]" id="options_min" value="" class="form-control" /> </td> </tr> <tr> <td> Data Max: </td> <td> <input type="text" name="options[max]" id="options_max" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis Min: </td> <td> <input type="text" name="options[yaxismin]" id="options_yaxismin" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis Max: </td> <td> <input type="text" name="options[yaxismax]" id="options_yaxismax" value="" class="form-control" /> </td> </tr> </table> </div> </div> </div> </div> <div class="modal-footer window-footer"> <button id="window_options_modal_save_2488493" type="button" class="btn btn-primary">Save</button> <button id="window_options_modal_cancel_2488493" type="button" data-bs-dismiss="modal" class="btn btn-default">Cancel</button> </div> </div> </div> </div> <script src="/assets/widget-425f7cbff6ae2fb624411ee9ad8ba83d43f33db47ff1cbf968cb008a4e22304f.js" data-turbolinks-track="reload"></script> <link rel="stylesheet" href="/assets/widget-2d0158ca6696326141c506525b83a218d479d5cd051420d704835dbfef7b26d7.css" media="screen" /> <div id="window_2488494" class="window-container"> <div title="Field 2 Chart" class="window-header"> <div class="window-title">Field 2 Chart</div> <div id="controls" class="window-controls"> <div id="iframe_modal_open_2488494" title="Field 2 Chart IFrame" class="window-icon" data-bs-toggle="modal" data-bs-target="#window_iframe_modal_2488494"><i class="fa fa-comment-o fa-lg"></i></div> <div style="padding-top: 2px;"> <a target="_blank" class="chart-header" id="chart_page_2488494" href="/channels/402750/charts/2?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"> <i class="fa fa-external-link fa-lg"></i> </a> </div> </div> </div> <div class="window-content"> <iframe id="window_iframe_2488494" class="window-iframe" src="/channels/402750/charts/2?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"></iframe> </div> </div> <div id="window_iframe_modal_2488494" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="iframe_modal_close_2488494" type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Field 2 Chart IFrame</h4> </div> <div class="modal-body"> <div id="iframe_modal_content_body_2488494" > <pre id="iframe_modal_pre_2488494"><iframe width="450" height="260" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/402750/charts/2?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"></iframe></pre> </div> </div> </div> </div> </div> <div id="window_options_modal_2488494" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Field 2 Chart Options</h4> <div class="d-flex justify-content-end"> <a href="https://www.mathworks.com/help/thingspeak/createchart.html" target="_blank" class="close"> <i class="fa fa-question float-end widget-info" aria-hidden="true"></i> </a> <button id="options_modal_close_2488494" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> </div> <div class="modal-body"> <div id="options_modal_content_body_2488494" > <div class="row mb-3"> <div class="col-6"> <table> <tr> <td> Title:</td> <td> <input type="text" name="options[title]" id="options_title" value="" class="form-control" /> </td> </tr> <tr> <td> X-Axis:</td> <td> <input type="text" name="options[xaxis]" id="options_xaxis" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis:</td> <td> <input type="text" name="options[yaxis]" id="options_yaxis" value="" class="form-control" /> </td> </tr> <tr> <td> Color:</td> <td> <input type="text" name="options[color]" id="options_color" value="" class="form-control" /> </td> </tr> <tr> <td> Background:</td> <td> <input type="text" name="options[bgcolor]" id="options_bgcolor" value="" class="form-control" /> </td> </tr> <tr> <td> Type:</td> <td> <select name="options[type]" id="options_type" class="form-select"><option value="line">line</option> <option value="bar">bar</option> <option value="column">column</option> <option value="spline">spline</option> <option value="step">step</option></select> </td> </tr> <tr> <td> Dynamic?:</td> <td> <select name="options[dynamic]" id="options_dynamic" class="form-select"><option value="true">true</option> <option value="false">false</option></select> </td> </tr> <tr> <td> Days:</td> <td> <input type="text" name="options[days]" id="options_days" value="" class="form-control" /> </td> </tr> <tr> <td> Results:</td> <td> <input type="text" name="options[results]" id="options_results" value="" class="form-control" /> </td> </tr> </table> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <table> <tr> <td> Timescale:</td> <td> <select name="options[timescale]" id="options_timescale" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Average:</td> <td> <select name="options[average]" id="options_average" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Median:</td> <td> <select name="options[median]" id="options_median" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Sum:</td> <td> <select name="options[sum]" id="options_sum" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Rounding:</td> <td> <input type="text" name="options[round]" id="options_round" value="" class="form-control" /> </td> </tr> <tr> <td> Data Min: </td> <td> <input type="text" name="options[min]" id="options_min" value="" class="form-control" /> </td> </tr> <tr> <td> Data Max: </td> <td> <input type="text" name="options[max]" id="options_max" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis Min: </td> <td> <input type="text" name="options[yaxismin]" id="options_yaxismin" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis Max: </td> <td> <input type="text" name="options[yaxismax]" id="options_yaxismax" value="" class="form-control" /> </td> </tr> </table> </div> </div> </div> </div> <div class="modal-footer window-footer"> <button id="window_options_modal_save_2488494" type="button" class="btn btn-primary">Save</button> <button id="window_options_modal_cancel_2488494" type="button" data-bs-dismiss="modal" class="btn btn-default">Cancel</button> </div> </div> </div> </div> <script src="/assets/widget-425f7cbff6ae2fb624411ee9ad8ba83d43f33db47ff1cbf968cb008a4e22304f.js" data-turbolinks-track="reload"></script> <link rel="stylesheet" href="/assets/widget-2d0158ca6696326141c506525b83a218d479d5cd051420d704835dbfef7b26d7.css" media="screen" /> <div id="window_2488495" class="window-container"> <div title="Field 3 Chart" class="window-header"> <div class="window-title">Field 3 Chart</div> <div id="controls" class="window-controls"> <div id="iframe_modal_open_2488495" title="Field 3 Chart IFrame" class="window-icon" data-bs-toggle="modal" data-bs-target="#window_iframe_modal_2488495"><i class="fa fa-comment-o fa-lg"></i></div> <div style="padding-top: 2px;"> <a target="_blank" class="chart-header" id="chart_page_2488495" href="/channels/402750/charts/3?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"> <i class="fa fa-external-link fa-lg"></i> </a> </div> </div> </div> <div class="window-content"> <iframe id="window_iframe_2488495" class="window-iframe" src="/channels/402750/charts/3?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"></iframe> </div> </div> <div id="window_iframe_modal_2488495" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="iframe_modal_close_2488495" type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Field 3 Chart IFrame</h4> </div> <div class="modal-body"> <div id="iframe_modal_content_body_2488495" > <pre id="iframe_modal_pre_2488495"><iframe width="450" height="260" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/402750/charts/3?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"></iframe></pre> </div> </div> </div> </div> </div> <div id="window_options_modal_2488495" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Field 3 Chart Options</h4> <div class="d-flex justify-content-end"> <a href="https://www.mathworks.com/help/thingspeak/createchart.html" target="_blank" class="close"> <i class="fa fa-question float-end widget-info" aria-hidden="true"></i> </a> <button id="options_modal_close_2488495" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> </div> <div class="modal-body"> <div id="options_modal_content_body_2488495" > <div class="row mb-3"> <div class="col-6"> <table> <tr> <td> Title:</td> <td> <input type="text" name="options[title]" id="options_title" value="" class="form-control" /> </td> </tr> <tr> <td> X-Axis:</td> <td> <input type="text" name="options[xaxis]" id="options_xaxis" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis:</td> <td> <input type="text" name="options[yaxis]" id="options_yaxis" value="" class="form-control" /> </td> </tr> <tr> <td> Color:</td> <td> <input type="text" name="options[color]" id="options_color" value="" class="form-control" /> </td> </tr> <tr> <td> Background:</td> <td> <input type="text" name="options[bgcolor]" id="options_bgcolor" value="" class="form-control" /> </td> </tr> <tr> <td> Type:</td> <td> <select name="options[type]" id="options_type" class="form-select"><option value="line">line</option> <option value="bar">bar</option> <option value="column">column</option> <option value="spline">spline</option> <option value="step">step</option></select> </td> </tr> <tr> <td> Dynamic?:</td> <td> <select name="options[dynamic]" id="options_dynamic" class="form-select"><option value="true">true</option> <option value="false">false</option></select> </td> </tr> <tr> <td> Days:</td> <td> <input type="text" name="options[days]" id="options_days" value="" class="form-control" /> </td> </tr> <tr> <td> Results:</td> <td> <input type="text" name="options[results]" id="options_results" value="" class="form-control" /> </td> </tr> </table> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <table> <tr> <td> Timescale:</td> <td> <select name="options[timescale]" id="options_timescale" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Average:</td> <td> <select name="options[average]" id="options_average" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Median:</td> <td> <select name="options[median]" id="options_median" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Sum:</td> <td> <select name="options[sum]" id="options_sum" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Rounding:</td> <td> <input type="text" name="options[round]" id="options_round" value="" class="form-control" /> </td> </tr> <tr> <td> Data Min: </td> <td> <input type="text" name="options[min]" id="options_min" value="" class="form-control" /> </td> </tr> <tr> <td> Data Max: </td> <td> <input type="text" name="options[max]" id="options_max" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis Min: </td> <td> <input type="text" name="options[yaxismin]" id="options_yaxismin" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis Max: </td> <td> <input type="text" name="options[yaxismax]" id="options_yaxismax" value="" class="form-control" /> </td> </tr> </table> </div> </div> </div> </div> <div class="modal-footer window-footer"> <button id="window_options_modal_save_2488495" type="button" class="btn btn-primary">Save</button> <button id="window_options_modal_cancel_2488495" type="button" data-bs-dismiss="modal" class="btn btn-default">Cancel</button> </div> </div> </div> </div> <script src="/assets/widget-425f7cbff6ae2fb624411ee9ad8ba83d43f33db47ff1cbf968cb008a4e22304f.js" data-turbolinks-track="reload"></script> <link rel="stylesheet" href="/assets/widget-2d0158ca6696326141c506525b83a218d479d5cd051420d704835dbfef7b26d7.css" media="screen" /> <div id="window_2488496" class="window-container"> <div title="Field 4 Chart" class="window-header"> <div class="window-title">Field 4 Chart</div> <div id="controls" class="window-controls"> <div id="iframe_modal_open_2488496" title="Field 4 Chart IFrame" class="window-icon" data-bs-toggle="modal" data-bs-target="#window_iframe_modal_2488496"><i class="fa fa-comment-o fa-lg"></i></div> <div style="padding-top: 2px;"> <a target="_blank" class="chart-header" id="chart_page_2488496" href="/channels/402750/charts/4?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"> <i class="fa fa-external-link fa-lg"></i> </a> </div> </div> </div> <div class="window-content"> <iframe id="window_iframe_2488496" class="window-iframe" src="/channels/402750/charts/4?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"></iframe> </div> </div> <div id="window_iframe_modal_2488496" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="iframe_modal_close_2488496" type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Field 4 Chart IFrame</h4> </div> <div class="modal-body"> <div id="iframe_modal_content_body_2488496" > <pre id="iframe_modal_pre_2488496"><iframe width="450" height="260" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/402750/charts/4?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&type=line&update=15"></iframe></pre> </div> </div> </div> </div> </div> <div id="window_options_modal_2488496" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Field 4 Chart Options</h4> <div class="d-flex justify-content-end"> <a href="https://www.mathworks.com/help/thingspeak/createchart.html" target="_blank" class="close"> <i class="fa fa-question float-end widget-info" aria-hidden="true"></i> </a> <button id="options_modal_close_2488496" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> </div> <div class="modal-body"> <div id="options_modal_content_body_2488496" > <div class="row mb-3"> <div class="col-6"> <table> <tr> <td> Title:</td> <td> <input type="text" name="options[title]" id="options_title" value="" class="form-control" /> </td> </tr> <tr> <td> X-Axis:</td> <td> <input type="text" name="options[xaxis]" id="options_xaxis" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis:</td> <td> <input type="text" name="options[yaxis]" id="options_yaxis" value="" class="form-control" /> </td> </tr> <tr> <td> Color:</td> <td> <input type="text" name="options[color]" id="options_color" value="" class="form-control" /> </td> </tr> <tr> <td> Background:</td> <td> <input type="text" name="options[bgcolor]" id="options_bgcolor" value="" class="form-control" /> </td> </tr> <tr> <td> Type:</td> <td> <select name="options[type]" id="options_type" class="form-select"><option value="line">line</option> <option value="bar">bar</option> <option value="column">column</option> <option value="spline">spline</option> <option value="step">step</option></select> </td> </tr> <tr> <td> Dynamic?:</td> <td> <select name="options[dynamic]" id="options_dynamic" class="form-select"><option value="true">true</option> <option value="false">false</option></select> </td> </tr> <tr> <td> Days:</td> <td> <input type="text" name="options[days]" id="options_days" value="" class="form-control" /> </td> </tr> <tr> <td> Results:</td> <td> <input type="text" name="options[results]" id="options_results" value="" class="form-control" /> </td> </tr> </table> </div> <div class="col-md-6 col-sm-6 col-xs-6"> <table> <tr> <td> Timescale:</td> <td> <select name="options[timescale]" id="options_timescale" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Average:</td> <td> <select name="options[average]" id="options_average" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Median:</td> <td> <select name="options[median]" id="options_median" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Sum:</td> <td> <select name="options[sum]" id="options_sum" class="mutuallyexclusive form-select"><option value="" label=" "></option><option value="10">10</option> <option value="15">15</option> <option value="20">20</option> <option value="30">30</option> <option value="60">60</option> <option value="240">240</option> <option value="720">720</option> <option value="1440">1440</option> <option value="daily">daily</option></select> </td> </tr> <tr> <td> Rounding:</td> <td> <input type="text" name="options[round]" id="options_round" value="" class="form-control" /> </td> </tr> <tr> <td> Data Min: </td> <td> <input type="text" name="options[min]" id="options_min" value="" class="form-control" /> </td> </tr> <tr> <td> Data Max: </td> <td> <input type="text" name="options[max]" id="options_max" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis Min: </td> <td> <input type="text" name="options[yaxismin]" id="options_yaxismin" value="" class="form-control" /> </td> </tr> <tr> <td> Y-Axis Max: </td> <td> <input type="text" name="options[yaxismax]" id="options_yaxismax" value="" class="form-control" /> </td> </tr> </table> </div> </div> </div> </div> <div class="modal-footer window-footer"> <button id="window_options_modal_save_2488496" type="button" class="btn btn-primary">Save</button> <button id="window_options_modal_cancel_2488496" type="button" data-bs-dismiss="modal" class="btn btn-default">Cancel</button> </div> </div> </div> </div> <script src="/assets/widget-425f7cbff6ae2fb624411ee9ad8ba83d43f33db47ff1cbf968cb008a4e22304f.js" data-turbolinks-track="reload"></script> <link rel="stylesheet" href="/assets/widget-2d0158ca6696326141c506525b83a218d479d5cd051420d704835dbfef7b26d7.css" media="screen" /> <div id="window_2488497" class="window-container"> <div title="Channel Status Updates" class="window-header"> <div class="window-title">Channel Status Updates</div> <div id="controls" class="window-controls"> <div id="iframe_modal_open_2488497" title="Channel Status Updates IFrame" class="window-icon" data-bs-toggle="modal" data-bs-target="#window_iframe_modal_2488497"><i class="fa fa-comment-o fa-lg"></i></div> <div style="padding-top: 2px;"> <a target="_blank" class="chart-header" id="chart_page_2488497" href="/channels/402750/status/recent"> <i class="fa fa-external-link fa-lg"></i> </a> </div> </div> </div> <div class="window-content"> <iframe id="window_iframe_2488497" class="window-iframe" src="/channels/402750/status/recent"></iframe> </div> </div> <div id="window_iframe_modal_2488497" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="iframe_modal_close_2488497" type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Channel Status Updates IFrame</h4> </div> <div class="modal-body"> <div id="iframe_modal_content_body_2488497" > <pre id="iframe_modal_pre_2488497"><iframe width="450" height="260" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/402750/status/recent"></iframe></pre> </div> </div> </div> </div> </div> <script src="/assets/widget-425f7cbff6ae2fb624411ee9ad8ba83d43f33db47ff1cbf968cb008a4e22304f.js" data-turbolinks-track="reload"></script> <link rel="stylesheet" href="/assets/widget-2d0158ca6696326141c506525b83a218d479d5cd051420d704835dbfef7b26d7.css" media="screen" /> <div id="window_3694284" class="window-container"> <div title="Field 1 Widget" class="window-header"> <div class="window-title">Field 1 Widget</div> <div id="controls" class="window-controls"> <div id="iframe_modal_open_3694284" title="Field 1 Widget IFrame" class="window-icon" data-bs-toggle="modal" data-bs-target="#window_iframe_modal_3694284"><i class="fa fa-comment-o fa-lg"></i></div> <div style="padding-top: 2px;"> <a target="_blank" class="chart-header" id="chart_page_3694284" href="/channels/402750/widgets/19405"> <i class="fa fa-external-link fa-lg"></i> </a> </div> </div> </div> <div class="window-content"> <iframe id="window_iframe_3694284" class="window-iframe" src="/channels/402750/widgets/19405"></iframe> </div> </div> <div id="window_iframe_modal_3694284" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="iframe_modal_close_3694284" type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Field 1 Widget IFrame</h4> </div> <div class="modal-body"> <div id="iframe_modal_content_body_3694284" > <pre id="iframe_modal_pre_3694284"><iframe width="450" height="260" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/402750/widgets/19405"></iframe></pre> </div> </div> </div> </div> </div> <div id="window_widget_options_modal_3694284" class="modal" data-turbolinks="false"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Field 1 Widget Options</h4> <div class="d-flex justify-content-end"> <a href="https://www.mathworks.com/help/thingspeak/channel_display_widgets.html" target="_blank" class="close"> <i class="fa fa-question float-end widget-info" aria-hidden="true"></i> </a> <button id="options_modal_close_3694284" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> </div> <div class="modal-body"> <div id="gauge_min_max_error" class="alert alert-danger alert-dismissable error_banner" style="display:none; clear:both"> <span id="gauge_min_max_error_close" class="dismiss"><i class="fa fa-close"></i></span> <span id="min_max_error_span">Max Value should be greater than Min Value</span> </div> <div id="units_error" class="alert alert-danger alert-dismissable error_banner" style="display:none; clear:both"> <span id="units_error_close" class="dismiss"><i class="fa fa-close"></i></span> <span id="units_error_span">Numbers not supported in units field.</span> </div> <div id="widget_options_modal_content_body_3694284" > </div> </div> <div class="modal-footer window-footer"> <button id="window_widget_options_modal_save_3694284" data-bs-dismiss="modal" type="button" class="btn btn-primary">Save</button> <button id="window__widget_options_modal_cancel_3694284" type="button" data-bs-dismiss="modal" class="btn btn-default">Cancel</button> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function (){ window.channel = ThingSpeak.Channel.init({"public_view":true,"current_user_owns":null,"windows":[{"id":2488467,"channel_id":402750,"position":1,"created_at":"2018-01-13T00:44:01Z","updated_at":"2019-04-17T12:46:40Z","content_type":"chart","public_flag":false,"content_id":1,"options":"bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=spline","options_json":"{\"bgcolor\":\"#ffffff\",\"color\":\"#d62020\",\"dynamic\":\"true\",\"results\":\"60\",\"type\":\"spline\"}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/charts/1?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=spline\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/charts/1?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=spline","preview_image_path":"/assets/add_visualization_chart-a41736c2720006799b06e29c3b76d24b02ce64ea9bd73d824af0809474953d02.svg","url":"/channels/402750/windows/2488467","title":"Field 1 Chart"},{"id":2488493,"channel_id":402750,"position":1,"created_at":"2018-01-13T01:07:32Z","updated_at":"2018-01-13T01:07:32Z","content_type":"chart","public_flag":true,"content_id":1,"options":"bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","options_json":"{\"bgcolor\":\"#ffffff\",\"color\":\"#d62020\",\"dynamic\":\"true\",\"results\":\"60\",\"type\":\"line\",\"update\":\"15\"}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/charts/1?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/charts/1?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","preview_image_path":"/assets/add_visualization_chart-a41736c2720006799b06e29c3b76d24b02ce64ea9bd73d824af0809474953d02.svg","url":"/channels/402750/windows/2488493","title":"Field 1 Chart"},{"id":2488468,"channel_id":402750,"position":2,"created_at":"2018-01-13T00:44:01Z","updated_at":"2018-01-13T00:44:01Z","content_type":"chart","public_flag":false,"content_id":2,"options":"bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","options_json":"{\"bgcolor\":\"#ffffff\",\"color\":\"#d62020\",\"dynamic\":\"true\",\"results\":\"60\",\"type\":\"line\",\"update\":\"15\"}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/charts/2?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/charts/2?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","preview_image_path":"/assets/add_visualization_chart-a41736c2720006799b06e29c3b76d24b02ce64ea9bd73d824af0809474953d02.svg","url":"/channels/402750/windows/2488468","title":"Field 2 Chart"},{"id":2488494,"channel_id":402750,"position":2,"created_at":"2018-01-13T01:07:32Z","updated_at":"2018-01-13T01:07:32Z","content_type":"chart","public_flag":true,"content_id":2,"options":"bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","options_json":"{\"bgcolor\":\"#ffffff\",\"color\":\"#d62020\",\"dynamic\":\"true\",\"results\":\"60\",\"type\":\"line\",\"update\":\"15\"}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/charts/2?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/charts/2?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","preview_image_path":"/assets/add_visualization_chart-a41736c2720006799b06e29c3b76d24b02ce64ea9bd73d824af0809474953d02.svg","url":"/channels/402750/windows/2488494","title":"Field 2 Chart"},{"id":2488469,"channel_id":402750,"position":3,"created_at":"2018-01-13T00:44:01Z","updated_at":"2018-01-13T00:44:01Z","content_type":"chart","public_flag":false,"content_id":3,"options":"bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","options_json":"{\"bgcolor\":\"#ffffff\",\"color\":\"#d62020\",\"dynamic\":\"true\",\"results\":\"60\",\"type\":\"line\",\"update\":\"15\"}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/charts/3?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/charts/3?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","preview_image_path":"/assets/add_visualization_chart-a41736c2720006799b06e29c3b76d24b02ce64ea9bd73d824af0809474953d02.svg","url":"/channels/402750/windows/2488469","title":"Field 3 Chart"},{"id":2488495,"channel_id":402750,"position":3,"created_at":"2018-01-13T01:07:32Z","updated_at":"2018-01-13T01:07:32Z","content_type":"chart","public_flag":true,"content_id":3,"options":"bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","options_json":"{\"bgcolor\":\"#ffffff\",\"color\":\"#d62020\",\"dynamic\":\"true\",\"results\":\"60\",\"type\":\"line\",\"update\":\"15\"}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/charts/3?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/charts/3?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","preview_image_path":"/assets/add_visualization_chart-a41736c2720006799b06e29c3b76d24b02ce64ea9bd73d824af0809474953d02.svg","url":"/channels/402750/windows/2488495","title":"Field 3 Chart"},{"id":2488470,"channel_id":402750,"position":4,"created_at":"2018-01-13T00:44:01Z","updated_at":"2018-01-13T00:44:01Z","content_type":"chart","public_flag":false,"content_id":4,"options":"bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","options_json":"{\"bgcolor\":\"#ffffff\",\"color\":\"#d62020\",\"dynamic\":\"true\",\"results\":\"60\",\"type\":\"line\",\"update\":\"15\"}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/charts/4?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/charts/4?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","preview_image_path":"/assets/add_visualization_chart-a41736c2720006799b06e29c3b76d24b02ce64ea9bd73d824af0809474953d02.svg","url":"/channels/402750/windows/2488470","title":"Field 4 Chart"},{"id":2488496,"channel_id":402750,"position":4,"created_at":"2018-01-13T01:07:32Z","updated_at":"2018-01-13T01:07:32Z","content_type":"chart","public_flag":true,"content_id":4,"options":"bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","options_json":"{\"bgcolor\":\"#ffffff\",\"color\":\"#d62020\",\"dynamic\":\"true\",\"results\":\"60\",\"type\":\"line\",\"update\":\"15\"}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/charts/4?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/charts/4?bgcolor=%23ffffff\u0026color=%23d62020\u0026dynamic=true\u0026results=60\u0026type=line\u0026update=15","preview_image_path":"/assets/add_visualization_chart-a41736c2720006799b06e29c3b76d24b02ce64ea9bd73d824af0809474953d02.svg","url":"/channels/402750/windows/2488496","title":"Field 4 Chart"},{"id":2488492,"channel_id":402750,"position":5,"created_at":"2018-01-13T01:07:25Z","updated_at":"2018-01-13T01:07:25Z","content_type":"status","public_flag":false,"content_id":null,"options":null,"options_json":"{}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/status/recent\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/status/recent","preview_image_path":"/assets/add_visualization_status-ad5b1a0c1aefeb72dc9dce5c5a40a4dd9e54cc922893a6ef1d41c27b4c08d279.svg","url":"/channels/402750/windows/2488492","title":"Channel Status Updates"},{"id":2488497,"channel_id":402750,"position":5,"created_at":"2018-01-13T01:07:32Z","updated_at":"2018-01-13T01:07:32Z","content_type":"status","public_flag":true,"content_id":null,"options":null,"options_json":"{}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/status/recent\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/status/recent","preview_image_path":"/assets/add_visualization_status-ad5b1a0c1aefeb72dc9dce5c5a40a4dd9e54cc922893a6ef1d41c27b4c08d279.svg","url":"/channels/402750/windows/2488497","title":"Channel Status Updates"},{"id":4155808,"channel_id":402750,"position":6,"created_at":"2019-02-15T00:03:46Z","updated_at":"2019-02-15T00:03:46Z","content_type":"plugin","public_flag":false,"content_id":274045,"options":null,"options_json":"{}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/apps/plugins/274045\"\u003e\u003c/iframe\u003e","iframe_src":"/apps/plugins/274045","preview_image_path":"/assets/add_visualization_plugin-b64be07ee56f01a2b07cde456506a5e69eb21d41d4ae6fd5009e1deeda2d4ea7.svg","url":"/channels/402750/windows/4155808","title":"wemos-lecce"},{"id":3694284,"channel_id":402750,"position":6,"created_at":"2018-11-10T15:34:43Z","updated_at":"2018-11-10T15:34:43Z","content_type":"widget","public_flag":true,"content_id":19405,"options":null,"options_json":"{}","iframe_html":"\u003ciframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https://thingspeak.com/channels/402750/widgets/19405\"\u003e\u003c/iframe\u003e","iframe_src":"/channels/402750/widgets/19405","preview_image_path":"/images/add_visualization_widget.svg","url":"/channels/402750/windows/3694284","title":"Field 1 Widget"}],"channel":{"id":402750,"user_id":30570,"name":"Wemos_sds011","description":"","latitude":"40.67036","longitude":"16.60107","field1":"PM10","field2":"PM25","field3":"TempDHT22","field4":"HumDHT22","field5":null,"field6":null,"field7":null,"field8":null,"scale1":null,"scale2":null,"scale3":null,"scale4":null,"scale5":null,"scale6":null,"scale7":null,"scale8":null,"created_at":"2018-01-13T00:44:01Z","updated_at":"2021-10-27T13:15:05Z","elevation":"","last_entry_id":966,"public_flag":true,"options1":null,"options2":null,"options3":null,"options4":null,"options5":null,"options6":null,"options7":null,"options8":null,"status":null,"url":"http://bit.ly/mappapm10","video_id":null,"video_type":"youtube","clearing":false,"ranking":65,"user_agent":null,"realtime_io_serial_number":null,"metadata":"","last_write_at":"2018-06-11T06:28:54Z","batch_updated_at":null,"show_location":false,"show_video":false,"show_status":true,"license_id":0,"is_updating":null,"is_privately_shared_flag":false,"github_url":"https://github.com/piersoft/Wemos_RGB_SDS011_DHT22","forward_to_mqtt":false}}); }) </script> <div class="commentlink" > <a class="boldlink" href="/channels/402750/comments">Add comment</a> <div id="commentmain" style="display:none" > <form action="/channels/402750/comments" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="hidden" name="authenticity_token" value="8vVyfUr7Ngd8rbInKXmjJbgPRkrgeGXD51FQ6Qf7S6vSGt0PcKvzInm9yGAy6CGx31Q8AZDUBJBu94vd3OKSfw" autocomplete="off" /> <input name='userlogin' class='userlogin' /> <textarea rows="7" cols="54" name="comment[body]" id="comment_body"> </textarea> <br> <input type="submit" name="commit" value="Save changes" /> </form> </div> <br/> <br/> <div id='comments' > <div > <div class="commentdiv"> <table class="commenttable"> <tr> <td style="width: 50px; vertical-align: top;"> <img alt="" height="80" src="https://gravatar.com/avatar/4c849d651bf42f964919a6810de20e94.jpg?d=wavatar" width="80" /> </td> <td> <span class="username"><a href="/users/tomlang/channels">tomlang</a></span> <span class="prettydate">about 7 years ago</span> <br> <div> hi i'm tom <br> <br>i'm doing a huge project for my school about air pollution. <br>but i can't find any code to make my sensors work. <br>i see that i use the same kind of sensors. <br> <br>can i please have your code? <br>my e-mail adres is "<a href="mailto:tom2.langedock@gmail.com">tom2.langedock@gmail.com</a>" <br>thanks </div> <a href="/channels/402750/comments">reply</a> <div id="commentreply4176" style="display: none;"> <form class="edit_comment" id="edit_comment" action="/channels/402750/comments" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="hidden" name="authenticity_token" value="E2Qrtr8I-YUkPlOeGmg1Y3ZtVxbf09vc78AQI7HqLBozi4TEhVg8oCEuKdkB-bf3ETYtXa9_uo9mZssXavP1zg" autocomplete="off" /> <input name='userlogin' class='userlogin' /> <input type="hidden" name="parent_id" id="parent_id" value="4176" autocomplete="off" /> <textarea class="commentarea" name="comment[body]" id="comment_body"> </textarea> <br> <input type="submit" name="commit" value="Save changes" /> </form> </div> </td> </tr> </table> </div> </div> <div > <div class="commentdiv"> <table class="commenttable"> <tr> <td style="width: 50px; vertical-align: top;"> <img alt="" height="80" src="https://gravatar.com/avatar/462c88ca63d816727f5f053b30ac48db.jpg?d=wavatar" width="80" /> </td> <td> <span class="username"><a href="/users/stfatimahzahro/channels">stfatimahzahro</a></span> <span class="prettydate">almost 6 years ago</span> <br> <div> Can share your code, please? </div> <a href="/channels/402750/comments">reply</a> <div id="commentreply5054" style="display: none;"> <form class="edit_comment" id="edit_comment" action="/channels/402750/comments" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="hidden" name="authenticity_token" value="IMNU5qfeWsuO83JTEIN2jJPjG1vb0QJFE7YOq1yyYpQALPuUnY6f7ovjCBQLEvQY9LhhEKt9YxaaENWfh6u7QA" autocomplete="off" /> <input name='userlogin' class='userlogin' /> <input type="hidden" name="parent_id" id="parent_id" value="5054" autocomplete="off" /> <textarea class="commentarea" name="comment[body]" id="comment_body"> </textarea> <br> <input type="submit" name="commit" value="Save changes" /> </form> </div> </td> </tr> </table> </div> </div> </div> </div> </div> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js" integrity="sha384-KIix3a0qkeD2RPwPvpkJ+Knc91vkmDI+i2c7phIO+EfV3dpfDXIGSqQjpIaJXlR9" crossorigin="anonymous"></script> <script> //<![CDATA[ var meter_data = null //]]> </script> <script type="text/javascript"> if( meter_data !== null ) { loadMeterData(meter_data); } </script> </div> </div> <script type="text/javascript"> var cookieBanner = { /* Hide the cookie banner if it was accepted in the last year */ showIfNotAccepted: function(){ if ( localStorage ) { lastCookieNotificationAcceptedDate = parseInt(localStorage.getItem('tspk-cookie-banner')); /* 31536000000 is the number of milliseconds since 365 days ago */ if ( isNaN(lastCookieNotificationAcceptedDate) || ( lastCookieNotificationAcceptedDate < ((new Date).getTime() - 31536000000) ) ){ $("#cookie-banner").show(); } else { $("#cookie-banner").hide(); } } }, /* Store time when the cookie notification was accepted in the browser local storage for this site */ setAcceptanceTime: function() { if ( localStorage ) { localStorage.setItem('tspk-cookie-banner',(new Date).getTime()); cookieBanner.showIfNotAccepted(); } } }; </script> <div id="cookie-banner" class="cookie-alert-warning"> <script type="text/javascript">cookieBanner.showIfNotAccepted();</script> <div id="cookie-icon" class="text-end"><span class="fa fa-exclamation-triangle"></span></div> <div id="cookie-text"><p>This website uses cookies to improve your user experience, personalize content and ads, and analyze website traffic. By continuing to use this website, you consent to our use of cookies. Please see our <a target="_blank" rel="noopener noreferrer" style="font-size: small" href="https://www.mathworks.com/company/aboutus/policies_statements.html">Privacy Policy</a> to learn more about cookies and how to change your settings.</p></div> <div id="cookie-remove"><span class="fa fa-times" onclick="cookieBanner.setAcceptanceTime();return false;"></span></div> </div> <div id="footer"> <div class="container"> <div class="row"> <div class="col-7"> <span class="d-none d-md-block d-flex text-md-center justify-content-md-center"> <a href="https://blogs.mathworks.com/iot/" title="IoT Blog" target="_blank" rel="noopener noreferrer">Blog</a> | <a href="https://www.mathworks.com/help/thingspeak/" title="ThingSpeak Documentation" target="_blank" rel="noopener noreferrer">Documentation</a> | <a href="https://www.mathworks.com/help/thingspeak/getting-started-with-thingspeak.html" title="ThingSpeak Tutorials" target="_blank" rel="noopener noreferrer">Tutorials</a> | <a target="_blank" rel="noopener noreferrer" href="https://www.mathworks.com/company/aboutus/policies_statements/online-services-agreement.html">Terms</a> | <a target="_blank" rel="noopener noreferrer" href="https://www.mathworks.com/company/aboutus/policies_statements.html">Privacy Policy</a> </span> </div> <div class="col-12 col-md-5"> <span class="d-flex text-center justify-content-center text-md-end justify-content-md-end"> <a alt="Facebook" target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/thingspeak"><img src="/assets/ico-facebook-864217e7723b63bd8687c81e99e677c0a1efba1db6282794f4077f3d6d5cae86.svg" width="16" height="16" /></a> <a alt="Twitter" target="_blank" rel="noopener noreferrer" href="https://twitter.com/thingspeak"><img src="/assets/ico-twitter-502ca920ad71f398928c9ec00203b98655f8b1ba821b95f4cf11b4eef72b6d4b.svg" width="16" height="16" /></a> <a alt="RSS" target="_blank" rel="noopener noreferrer" href="http://feeds.feedburner.com/internetofthings"><img src="/assets/ico-rss-349a27d6441a574f9218ee6e808d147dc5566204c79d967cf90b33b0bd026171.svg" width="16" height="16" /></a> &emsp;© 2025 <a href="https://www.mathworks.com/" target="_blank" rel="noopener noreferrer">The MathWorks, Inc.</a> </span> </div> </div> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" id="confirmation-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Confirm</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" type="button" data-bs-dismiss="modal">Cancel</button> <button id="confirmation-modal-ok" class="btn btn-sm btn-primary" type="button" data-bs-dismiss="modal">OK</button> </div> </div> </div> </div> <script type="text/javascript">_satellite.pageBottom();</script> </body> </html>

CINXE.COM

Wemos_sds011 - ThingSpeak IoT