hide graph on startup

Author: cabreraalex

src/Graph.svelte

@@ -298,33 +298,33 @@
         .selectAll('*')
         .remove();
 
-      // size chart
-      var margin = { top: 20, right: 20, bottom: 70, left: 40 },
-        width = w - margin.left - margin.right,
-        height = 0.75 * w - margin.top - margin.bottom;
-
-      // parse the date time
-      var parseDate = d3.timeParse('%Y%m%d');
-
-      // set ranges
-      this.x = d3.scaleBand().rangeRound([0, width]);
-      this.y = d3.scaleLinear().range([height, 0]);
-
-      // attach graphic
-      var svg = d3
-        .select(el)
-        .append('svg')
-        .attr('width', width + margin.left + margin.right)
-        .attr('height', height + margin.top + margin.bottom)
-        .append('g')
-        .attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');
-
-      // draw axes
-      svg
-        .append('g')
-        .attr('transform', 'translate(0,' + height + ')')
-        .call(d3.axisBottom(this.x).tickFormat(''));
-      svg.append('g').call(d3.axisLeft(this.y).tickFormat(''));
+      // // size chart
+      // var margin = { top: 20, right: 20, bottom: 70, left: 40 },
+      //   width = w - margin.left - margin.right,
+      //   height = 0.75 * w - margin.top - margin.bottom;
+
+      // // parse the date time
+      // var parseDate = d3.timeParse('%Y%m%d');
+
+      // // set ranges
+      // this.x = d3.scaleBand().rangeRound([0, width]);
+      // this.y = d3.scaleLinear().range([height, 0]);
+
+      // // attach graphic
+      // var svg = d3
+      //   .select(el)
+      //   .append('svg')
+      //   .attr('width', width + margin.left + margin.right)
+      //   .attr('height', height + margin.top + margin.bottom)
+      //   .append('g')
+      //   .attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');
+
+      // // draw axes
+      // svg
+      //   .append('g')
+      //   .attr('transform', 'translate(0,' + height + ')')
+      //   .call(d3.axisBottom(this.x).tickFormat(''));
+      // svg.append('g').call(d3.axisLeft(this.y).tickFormat(''));
     }
 
     updateChart() {}

src/MapBox.svelte

@@ -427,10 +427,14 @@
           // found allegheny / Pittsburgh
           const randomFeature = found[0];
           ////console.log(randomFeature);
-          currentRegionName.set(randomFeature.properties.NAME);
-          currentRegion.set(randomFeature.properties.id);
-          clickedId = randomFeature.id;
-          map.setFeatureState({ source: $currentLevel, id: clickedId }, { select: true });
+          // currentRegionName.set(randomFeature.properties.NAME);
+          // currentRegion.set(randomFeature.properties.id);
+          // clickedId = randomFeature.id;
+          // map.setFeatureState({ source: $currentLevel, id: clickedId }, { select: true });
+          currentRegionName.set('');
+          currentRegion.set('');
+          // clickedId = randomFeature.id;
+          // map.setFeatureState({ source: $currentLevel, id: clickedId }, { select: true });
           chosenRandom = true;
         } else {
           const index = Math.floor(Math.random() * (viableFeatures.length - 1));