Fix typo (recticle >> reticle)

Author: flekschas

example/axes.js

@@ -82,7 +82,7 @@ const scatterplot = createScatterplot({
   pointSize,
   xScale,
   yScale,
-  showRecticle: true,
+  showReticle: true,
 });
 
 exportEl.addEventListener('click', () => saveAsPng(scatterplot));

example/connected-points-by-segments.js

@@ -29,8 +29,8 @@ let selection = [];
 const pointSizeMax = 10;
 const lassoMinDelay = 10;
 const lassoMinDist = 2;
-const showRecticle = true;
-const recticleColor = [1, 1, 0.878431373, 0.33];
+const showReticle = true;
+const reticleColor = [1, 1, 0.878431373, 0.33];
 const showPointConnections = true;
 const pointConnectionColor = [1, 1, 1, 0.15];
 const pointConnectionSize = 2;
@@ -56,8 +56,8 @@ const scatterplot = createScatterplot({
   lassoMinDelay,
   lassoMinDist,
   pointSize,
-  showRecticle,
-  recticleColor,
+  showReticle,
+  reticleColor,
   showPointConnections,
   pointConnectionColor,
   pointConnectionSize,

example/connected-points.js

@@ -27,8 +27,8 @@ let selection = [];
 const pointSizeMax = 10;
 const lassoMinDelay = 10;
 const lassoMinDist = 2;
-const showRecticle = true;
-const recticleColor = [1, 1, 0.878431373, 0.33];
+const showReticle = true;
+const reticleColor = [1, 1, 0.878431373, 0.33];
 const showPointConnections = true;
 const pointConnectionColor = [1, 1, 1, 0.15];
 const pointConnectionSize = 2;
@@ -54,8 +54,8 @@ const scatterplot = createScatterplot({
   lassoMinDelay,
   lassoMinDist,
   pointSize,
-  showRecticle,
-  recticleColor,
+  showReticle,
+  reticleColor,
   showPointConnections,
   pointConnectionColor,
   pointConnectionSize,

example/dynamic-opacity.js

@@ -26,8 +26,8 @@ let selection = [];
 
 const lassoMinDelay = 10;
 const lassoMinDist = 2;
-const showRecticle = true;
-const recticleColor = [1, 1, 0.878431373, 0.33];
+const showReticle = true;
+const reticleColor = [1, 1, 0.878431373, 0.33];
 
 const selectHandler = ({ points: selectedPoints }) => {
   console.log('Selected:', selectedPoints);
@@ -52,8 +52,8 @@ const scatterplot = createScatterplot({
   pointSize,
   pointColor: '#fff',
   opacityBy: 'density',
-  showRecticle,
-  recticleColor,
+  showReticle,
+  reticleColor,
 });
 
 exportEl.addEventListener('click', () => saveAsPng(scatterplot));

example/index.js

@@ -26,8 +26,8 @@ let selection = [];
 
 const lassoMinDelay = 10;
 const lassoMinDist = 2;
-const showRecticle = true;
-const recticleColor = [1, 1, 0.878431373, 0.33];
+const showReticle = true;
+const reticleColor = [1, 1, 0.878431373, 0.33];
 
 const pointoverHandler = (pointId) => {
   const [x, y, category, value] = points[pointId];
@@ -67,8 +67,8 @@ const scatterplot = createScatterplot({
   lassoMinDelay,
   lassoMinDist,
   pointSize,
-  showRecticle,
-  recticleColor,
+  showReticle,
+  reticleColor,
 });
 
 exportEl.addEventListener('click', () => saveAsPng(scatterplot));

example/performance-mode.js

@@ -73,7 +73,7 @@ const scatterplot = createScatterplot({
   lassoMinDelay,
   lassoMinDist,
   pointSize,
-  showRecticle: true,
+  showReticle: true,
   performanceMode: true,
 });
 

example/size-encoding.js

@@ -29,8 +29,8 @@ let selection = [];
 
 const lassoMinDelay = 10;
 const lassoMinDist = 2;
-const showRecticle = true;
-const recticleColor = [1, 1, 0.878431373, 0.33];
+const showReticle = true;
+const reticleColor = [1, 1, 0.878431373, 0.33];
 
 const selectHandler = ({ points: selectedPoints }) => {
   console.log('Selected:', selectedPoints);
@@ -53,8 +53,8 @@ const scatterplot = createScatterplot({
   lassoMinDelay,
   lassoMinDist,
   pointSize,
-  showRecticle,
-  recticleColor,
+  showReticle,
+  reticleColor,
 });
 
 exportEl.addEventListener('click', () => saveAsPng(scatterplot));

example/texture-background.js

@@ -45,7 +45,7 @@ const deselectHandler = () => {
 const scatterplot = createScatterplot({
   canvas,
   pointSize,
-  showRecticle: true,
+  showReticle: true,
   backgroundImage: `https://picsum.photos/${Math.min(640, width)}/${Math.min(
     640,
     height

example/transition.js

@@ -27,8 +27,8 @@ let selection = [];
 
 const lassoMinDelay = 10;
 const lassoMinDist = 2;
-const showRecticle = true;
-const recticleColor = [1, 1, 0.878431373, 0.33];
+const showReticle = true;
+const reticleColor = [1, 1, 0.878431373, 0.33];
 
 const selectHandler = ({ points: selectedPoints }) => {
   console.log('Selected:', selectedPoints);
@@ -51,8 +51,8 @@ const scatterplot = createScatterplot({
   lassoMinDelay,
   lassoMinDist,
   pointSize,
-  showRecticle,
-  recticleColor,
+  showReticle,
+  reticleColor,
 });
 
 exportEl.addEventListener('click', () => saveAsPng(scatterplot));