data_access.html

<div class = "row">
  <h2>Regional MOM6 Data Access</h2>
  <div class="alert alert-warning" role="alert">
    <!-- Forced refresh for getting the newest data server status -->
    <a class="refresh-link" onclick="location.reload(true);"><strong>Press</strong></a> to get latest data server status &#x27A0;
    <!-- Using api to refresh status badge (need to implement when the tab is not in active dev) -->
    <!-- <img alt="OPeNDAP Badge" src="https://img.shields.io/badge/OPeNDAP_server-available-blue?style=flat"> -->
    <!-- Forced refresh for getting the newest data server status -->
    <a class="refresh-link" onclick="location.reload(true);"><img src="img/opendap_status.png" alt="OPeNDAP statusBadge"></a>
  </div>
  
  <div class="col-12">
    <p>
      Currently, the regional MOM6 output can be accessed through the PSL THREDDS server.
      Users have the flexibility to choose their preferred method of data retrieval from this server.
      Additionally, an alternative option involving AWS cloud storage is under consideration and may become available in the near future.
      This option is currently undergoing testing.
      For direct access to the THREDDS server, 
      <a href="https://psl.noaa.gov/thredds/catalog/Projects/CEFI/regional_mom6/catalog.html" target="_blank">
        <u> go to the <strong>catalog</strong> directly</u>
      </a>
      .
    </p>
  </div>
</div>

<div class = "row">
  <h3>Variable Lists</h3>
  <div class="userInput col-12">
    <!-- <h1 class="userInputTitle"><em>Regions</em></h1> -->
    <!-- The Radio group for different region queries -->
    <input type="radio" class="radioDataTable" id="radioNWATable" name="dataTableOptions" checked>
    <label for="radioNWATable">Northwest Atlantic</label>
    <input type="radio" class="radioDataTable" id="radioNEPTable" name="dataTableOptions">
    <label for="radioNEPTable">Northeast Pacific (Coming soon)</label>
    <br>
    <br>
    <ul class="nwaTableOpt">
      <li>
        Historical run:
        <a href="data_index/var_list_northwest_atlantic_hist_run.html" target="_blank">HTML view</a>,
        <a href="data_index/var_list_northwest_atlantic_hist_run.json" target="_blank">JSON view</a>,
        <a href="data_index/var_list_northwest_atlantic_hist_run.xml" target="_blank">XML view</a>
      </li>
      <li>
        Forecast/Reforecast:
        <a href="data_index/var_list_northwest_atlantic_forecast.html" target="_blank">HTML view</a>,
        <a href="data_index/var_list_northwest_atlantic_forecast.json" target="_blank">JSON view</a>,
        <a href="data_index/var_list_northwest_atlantic_forecast.xml" target="_blank">XML view</a>
      </li>
    </ul>
    <ul class="nepTableOpt hidden">
      <li>
        Historical run:
      </li>
      <li>
        Forecast/Reforecast:
      </li>
    </ul>
  </div>
  <br>
</div>  
      
<div class = "row">
  <h3>Data Query Generator</h3>
  <p>
    The data query generator is designed to swiftly generate command line code or code snippets, facilitating user access to the data.
    It is recommended to use the OPeNDAP server for querying data when only a subset is required.
    However, if there is a need to download the entire dataset, please pick the download radio button for the wget command and button click download.
    The query generator also provides the data citation doi depending on different region and version of dataset.
  </p>
  

  <div class="userInput col-12">
    <h1 class="userInputTitle"><em>Data Options</em></h1>

    <input type="radio" class="radioData" id="radioOpendap" name="dataOptions" checked>
    <label for="radioOpendap">OPeNDAP</label>
    <input type="radio" class="radioData" id="radioWget" name="dataOptions">
    <label for="radioWget">Download netCDF</label>
    <input type="radio" class="radioData" id="radioCite" name="dataOptions">
    <label for="radioCite">Data Citation</label>
    <br>

    <table class="rowGap">
        <tr>
          <td>Region : </td>
          <td>
              <select name="region" id="regMOMCobaltData" class="reg-mom-cobalt"></select>
          </td>
        </tr>
        <tr>
          <td>Period : </td>
          <td>
              <select id="periodMOMCobaltData">
                <option value="hist_run">Historical Run</option>
                <option value="forecast">Forecast/reforecast</option>
              </select>
          </td>
        </tr>
        <tr>
          <td>Variable : </td>
          <td>
              <select id="varMOMCobaltData"></select>
          </td>
        </tr>
        <tr>
          <td>Grid : </td>
          <td>
              <select id="gridMOMCobalt">
                  <option value="raw">Raw grid (Curvilinear)</option>
                  <option value="regrid">Regular grid</option>
              </select>
          </td>
        </tr>
        <tr class="forecastOpt hidden">
          <td>Initial year : </td>
          <td>
              <select id="iyearMOMCobaltForecastData"></select>
          </td>
        </tr>
        <tr class="forecastOpt hidden">
          <td>Initial month : </td>
          <td>
              <select id="imonthMOMCobaltForecastData"></select>
          </td>
        </tr>
    </table> 
  </div>
  <br>
  <button id="genQueryButton" class="btn btn-psl">Generate Queries</button>
  <hr class="dot-hr-plot">
</div>
  
  
<div class = "row">
  <!-- Opendap radio activate -->
  <div class="col-12 opendapOpt">
    <h4><strong>OPeNDAP URL</strong></h4>
    <p>
        Using OPeNDAP can subset the data to a smaller region or time frame.
        The OPeNDAP server has a <strong>500MB</strong> limit per request.
        A loop is suggested to load data that is larger than 500 MB.
    </p>
    <pre id="codeBlockOpendap"><code class="codeBlockScroll">Please generate query first!</code></pre> 
    <button id="copyButtonOpendap" class="btn btn-psl">Copy OPeNDAP URL</button>
    <hr class="dot-hr-plot">

    <h4><strong>OPeNDAP (Python)</strong></h4>
        <p> 
            Please follow the 
            <a href="https://noaa-cefi-portal.github.io/cefi-cookbook/content/how_to_conda.html" target="_blank">
              <strong>environment setup</strong>
            </a>
            for the following Python code to work. 
            <a href="https://noaa-cefi-portal.github.io/cefi-cookbook/content/data_access/access_opendap/python_get_cefi.html" target="_blank">
              <strong>A comprehensive tutorial (Python) can be found here</strong>
            </a>
        </p>
    <pre id="codeBlockPython"><code class="codeBlockScroll">Please generate query first!</code></pre> 
    <button id="copyButtonPython" class="btn btn-psl">Copy Python Code</button>
    <hr class="dot-hr-plot">

    <h4><strong>OPeNDAP (R)</strong></h4>
        <p>
            Please follow the 
            <a href="https://noaa-cefi-portal.github.io/cefi-cookbook/content/how_to_conda.html" target="_blank">
              <strong>environment setup</strong>
            </a>
            for the following R code to work. 
            <a href="https://noaa-cefi-portal.github.io/cefi-cookbook/content/data_access/access_opendap/r_get_cefi.html" target="_blank">
              <strong>A comprehensive tutorial (R) can be found here</strong>
            </a>
        </p>
    <pre id="codeBlockR"><code class="codeBlockScroll">Please generate query first!</code></pre> 
    <button id="copyButtonR" class="btn btn-psl">Copy R Code</button>            
    <hr class="dot-hr-plot">
  </div>

  <!-- Wget radio activate -->
  <div class="col-12 wgetOpt hidden">
    <h4><strong>Direct download</strong></h4>
    <pre id="codeBlockDataInfo"><code class="codeBlockScroll">Please generate query first!</code></pre> 
    <a id="downloadHttp">
      <button id="downloadButton" class="btn btn-psl">Download netCDF</button>
    </a>
    <hr class="dot-hr-plot">
    <h4><strong>Wget (Unix/Linux terminal command)</strong></h4>
    <pre id="codeBlockWget"><code class="codeBlockScroll">Please generate query first!</code></pre> 
    <button id="copyButtonWget" class="btn btn-psl">Copy Wget Code</button>
    <hr class="dot-hr-plot">
  </div>

  <!-- Citation radio activate -->
  <div class="col-12 citeOpt hidden">
    <h4><strong>Citations</strong></h4>
    <pre id="codeBlockCite"><code class="codeBlockScroll">Please generate query first!</code></pre> 
    <button id="copyButtonCite" class="btn btn-psl">Copy Citation</button>
    <hr class="dot-hr-plot">
  </div>
</div>

<br>
<div class="alert alert-info" role="alert">
  &#10024; If you have any questions or feedback, please feel free to contact us via <a href="#" class="alert-link" data-toggle="modal" data-target="#Modalfeedback">google form</a>! &#10024;
</div>