Merge pull request #118 from nomic-ai/restoreLinearColorscales

Restore linear colorscales
nomic-ai · Jun 13, 2024 · 7539e82 · 7539e82
2 parents d429fc6 + 119fc55
commit 7539e82
Show file tree

Hide file tree

Showing 5 changed files with 174 additions and 159 deletions.
diff --git a/dev/svelte/ColorChange.svelte b/dev/svelte/ColorChange.svelte
@@ -2,7 +2,7 @@
   export let scatterplot;
 
   let value = 'category10';
-  const schemes = ['okabe', 'category10', 'dark2', 'pastel2'];
+  const schemes = ['okabe', 'category10', 'dark2', 'pastel2', 'observable10'];
   function changeColor() {
     scatterplot.plotAPI({
       encoding: {
@@ -15,10 +15,24 @@
       },
     });
   }
+  function plotViridis() {
+    scatterplot.plotAPI({
+      encoding: {
+        color: {
+          field: 'x',
+          range: 'viridis',
+          //          range: ["red", "yellow", "pink", "purple"],
+          //          domain: ["Apple", "Banana", "Strawberry", "Mulberry"]
+        },
+      },
+    });
+  }
 </script>
 
 <select bind:value on:change={changeColor}>
   {#each schemes as scheme}
     <option value={scheme}>{scheme}</option>
   {/each}
 </select>
+
+<button on:click={plotViridis}>ViridisLinear</button>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -53,12 +53,11 @@
     "d3-interpolate": "^3.0.1",
     "d3-random": "^3.0.1",
     "d3-scale": "^4.0.2",
-    "d3-scale-chromatic": "^3.0.0",
+    "d3-scale-chromatic": "^3.1.0",
     "d3-selection": "^3.0.0",
     "d3-timer": "^3.0.1",
     "d3-transition": "^3.0.1",
     "d3-zoom": "^3.0.0",
-    "deepscatter": "^3.0.0-next.6",
     "glsl-easings": "^1.0.0",
     "glsl-fast-gaussian-blur": "^1.0.2",
     "glsl-read-float": "^1.1.0",