infosum
diff --git a/‎dist/index.js‎
Lines changed: 2 additions & 2 deletions b/‎dist/index.js‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎examples/examples.tsx‎
Lines changed: 12 additions & 1 deletion b/‎examples/examples.tsx‎
Lines changed: 12 additions & 1 deletion
diff --git a/‎examples/index.html‎
Lines changed: 0 additions & 10 deletions b/‎examples/index.html‎
Lines changed: 0 additions & 10 deletions
@@ -2,6 +2,7 @@ import * as d3 from 'd3';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Histogram, HorizontalHistogram, LineChart, PieChart, ScatterPlot } from '../src';
+import filterRange from '../src/colors/filterRange';
 
 const grid = {
   x: {
@@ -145,9 +146,18 @@ const legend = {
 };
 
 const labels = {
-  display: false,
+  display: true,
 };
 
+const theme = filterRange(['rgba(255, 113, 1, 0.5)', '#fff6ef', 'rgba(0, 169, 123, 0.5)', '#f6fffd',
+  '#D7263D', 'rgba(215, 38, 61, 0.05)',
+  '#0f2629', '#ededed', 'rgba(86, 180, 191, 0.5)', '#f5fbfb', '#000000', '#0f2629', '#D7263D', '#FBD7D9',
+  '#ffebec', '#963540', '#22545a', '#56b4bf', '#56b4bf', '#56b4bf', '#FF7101', '#449098', '#77c3cb', '#d4eef8',
+  '#ff7101', '#FF7101', '#cc5a00', '#ff8d33', '#fef9e5', '#7d5d2e', '#00a97b', '#008762', '#33ba95', '#dbf1d6',
+  '#227839', '#0f5e7b', '#d4eef8', '#0f5e7b', '#F9C80E', ' 63.75rem', '#007656', '#c5e5e9', '#f9c80e', '#a9a9a9',
+  '#dbdbdb', '#cccccc', '#e6e6e6', '#56b4bf', '#449098', '#77c3cb', '#22545a', '#ff7101', '#cdcdcd', '#ffffff',
+  'd7263d', '#00a97b', '#888888', '#e6e6e6', '#f2f2f2', '#f4f4f4']);
+
 const App: React.SFC<{}> = (): JSX.Element => <div style={{ padding: '20px' }}>
   <h3>Pie Chart</h3>
   <PieChart
@@ -157,6 +167,7 @@ const App: React.SFC<{}> = (): JSX.Element => <div style={{ padding: '20px' }}>
 
   <h4>Donut</h4>
   <PieChart width={300}
+    colorScheme={theme}
     backgroundColor="#eee"
     height={300}
     donutWidth={10}
 
@@ -7,16 +7,6 @@
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cosmo/bootstrap.min.css" integrity="sha384-h21C2fcDk/eFsW9sC9h0dhokq5pDinLNklTKoxIZRUn3+hvmgQSffLLQ4G4l2eEr"
     crossorigin="anonymous">
 </head>
-<style>
-  rect {
-    cursor: pointer;
-    stroke-width: 2;
-  }
-
-  rect.disabled {
-    fill: transparent !important;
-  }
-</style>
 
 <body>
   <div id="root">