function init() {

  // initialize the page using d3 library loading the data from the JSON file creating the dashboard.  
  // onchange is coded inline in the index.html file

  d3.json("static/js/samples.json").then(dataInit => {

    data = dataInit;

    var selectValues = dataInit.names;

    var selectOpt = d3.select("#selDataset");

    selectValues.forEach(value => {
      selectOpt.append("option").text(value).attr("value", function() {
          return value;
        });
    });

    //default to 940 upon entry the first time
    plotGraphs('940')

  });
}
// global variable declaration since this attribute is used throughout script
global variable declaration since this attribute is used throughout script
global variable declaration since this attribute is used throughout script
function init() {
  d3.json("static/js/samples.json").then(dataInit => {
    data = dataInit;
    var selectValues = dataInit.names;
    var selectOpt = d3.select("#selDataset");
    selectValues.forEach(value => {
      selectOpt.append("option").text(value).attr("value", function() {
          return value;
        });
    });
    plotGraphs('940')
  });
}
function init ( ) { d3 . json ( "static/js/samples.json" ) . then ( dataInit => { data = dataInit ; var selectValues = dataInit . names ; var selectOpt = d3 . select ( "#selDataset" ) ; selectValues . forEach ( value => { selectOpt . append ( "option" ) . text ( value ) . attr ( "value" , function ( ) { return value ; } ) ; } ) ; plotGraphs ( '940' ) } ) ; }
global variable declaration since this attribute is used throughout script
global variable declaration since this attribute is used throughout script
// initialize the page using d3 library loading the data from the JSON file creating the dashboard.   // onchange is coded inline in the index.html file //default to 940 upon entry the first time