fix(vx-demo): use color scale from d3-scale-chromatic

mitchellwarr · Jan 2, 2020 · b2238d0 · b2238d0
1 parent 3d68b00
commit b2238d0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/vx-demo/src/components/tiles/chord.js b/packages/vx-demo/src/components/tiles/chord.js
@@ -3,6 +3,7 @@ import { Arc } from '@vx/shape';
 import { Group } from '@vx/group';
 import { Chord, Ribbon } from '@vx/chord';
 import { scaleOrdinal } from '@vx/scale';
+import { schemeDark2 } from 'd3-scale-chromatic';
 
 const bg = '#e4e3d8';
 
@@ -19,7 +20,7 @@ function descending(a, b) {
 
 const color = scaleOrdinal({
   domain: [1, 2, 3, 4],
-  range: ['#1b9e77', '#d95f02', '#7570b3', '#e7298a', '#66a61e', '#e6ab02', '#a6761d', '#666666'],
+  range: schemeDark2,
 });
 
 export default ({ width, height, centerSize = 20, events = false }) => {

diff --git a/packages/vx-demo/src/pages/chord.js b/packages/vx-demo/src/pages/chord.js
@@ -19,6 +19,7 @@ import { Arc } from '@vx/shape';
 import { Group } from '@vx/group';
 import { Chord, Ribbon } from '@vx/chord';
 import { scaleOrdinal } from '@vx/scale';
+import { schemeDark2 } from 'd3-scale-chromatic';
 
 const bg = '#e4e3d8';
 
@@ -35,7 +36,7 @@ function descending(a, b) {
 
 const color = scaleOrdinal({
   domain: [1, 2, 3, 4],
-  range: ['#1b9e77', '#d95f02', '#7570b3', '#e7298a', '#66a61e', '#e6ab02', '#a6761d', '#666666'],
+  range: schemeDark2,
 });
 
 export default ({ width, height, centerSize = 20, events = false }) => {