function loadData()

in src/sandbox.js [149:211]

• 38 lines of code
• 2 McCabe index (conditional complexity)

  function loadData () {     

    checkExist = setInterval(function() {
      if (all_data != undefined) {        
        chart_g.datum(all_data);
        draw();    

        hideAddressBar();

        d3.select('#sandbox_div')
        .style('visibility','visible');

        globals.log_message = { 
          "TimeStamp": new Date().valueOf(),
          "user_id": globals.userID, 
          "Event": "SandBoxEvent",
          "EventType": "loadData", 
        };
        console.log("SandBoxEvent", globals.log_message);
        appInsights.trackEvent("SandBoxEvent", globals.log_message);

        clearInterval(checkExist);
      }
    }, 100); // check every 100ms

    chart_instance = chart();
    carousel_instance = carousel();
  
    main_svg = d3.select('#main_svg').remove();
  
    main_svg = d3.select('#sandbox_div').append('svg')
    .attr('id','main_svg');  

    carousel_svg = d3.select('#carousel_svg').remove();
  
    carousel_svg = d3.select('#selector_div').append('svg')
    .attr('id','carousel_svg');  
    
    carousel_g = carousel_svg.append('g')
    .attr('id','carousel_g').style('display','inline');    
    
    d3.select('#selector_div').append('div')
    .attr('id','annotation_div')
    .style('display','none')
    .html('<span class="annotation"></span>');
  
    defs = d3.select('#main_svg').append('defs');
  
    chart_g = main_svg.append('g')
    .attr('id','chart_g');      

    
    document.getElementById('sandbox_div').focus();

    // var orientation_div = d3.select('#sandbox_div').append('div')
    // .attr('id','orientation_div')
    // .attr('tabindex',0);

    // orientation_div.append('span')
    // .attr('id','orientation_span')
    // .html('<span class="instruction_emphasis">TooSmallForMultiples</span>');

  }