react-colorscales
Advanced tools
react-colorscales - npm Package Compare versions
Comparing version 0.6.1 to 0.7.0
| { | ||
| "name": "react-colorscales", | ||
| "version": "0.6.1", | ||
| "version": "0.7.0", | ||
| "description": "A React component for picking colorscales based on Chroma.js", | ||
@@ -5,0 +5,0 @@ "main": "build/index.js", |
@@ -7,2 +7,3 @@ import chroma from "chroma-js"; | ||
| "categorical", | ||
| "cyclical", | ||
| "cubehelix", | ||
@@ -22,2 +23,4 @@ "cmocean", | ||
| "Use categorical colorscales for data that has distinct groups and a non-meaningful order.", | ||
| cyclical: | ||
| "Use cyclical colorscales for data that has a natural cycle, such as angular, diurnal or seasonal data.", | ||
| cubehelix: | ||
@@ -166,2 +169,106 @@ 'Cubehelix colorscales are like sequential scales, but have the added benefit of printing clearly in black & white. Adjust the "start" slider to change the scale\'s base color. A cubehelix scale with 0 rotation transitions through a single base color. A scale with non-zero rotation "rotates" through other colors. Change the rotation slightly to add a touch of another color, change it more to create a scale with multiple colors.', | ||
| ] | ||
| }, | ||
| cyclical: { | ||
| twighlight: [ | ||
| '#e2d9e2', | ||
| '#9ebbc9', | ||
| '#6785be', | ||
| '#5e43a5', | ||
| '#421257', | ||
| '#471340', | ||
| '#8e2c50', | ||
| '#ba6657', | ||
| '#ceac94', | ||
| '#e2d9e2' | ||
| ], | ||
| icefire: ['#000000', | ||
| '#001f4d', | ||
| '#003786', | ||
| '#0e58a8', | ||
| '#217eb8', | ||
| '#30a4ca', | ||
| '#54c8df', | ||
| '#9be4ef', | ||
| '#e1e9d1', | ||
| '#f3d573', | ||
| '#e7b000', | ||
| '#da8200', | ||
| '#c65400', | ||
| '#ac2301', | ||
| '#820000', | ||
| '#4c0000', | ||
| '#040100'], | ||
| edge:['#313131', | ||
| '#3d019d', | ||
| '#3810dc', | ||
| '#2d47f9', | ||
| '#2593ff', | ||
| '#2adef6', | ||
| '#60fdfa', | ||
| '#aefdff', | ||
| '#f3f3f1', | ||
| '#fffda9', | ||
| '#fafd5b', | ||
| '#f7da29', | ||
| '#ff8e25', | ||
| '#f8432d', | ||
| '#d90d39', | ||
| '#97023d', | ||
| '#313131'], | ||
| phase: [ | ||
| "rgb(167, 119, 12)", | ||
| "rgb(197, 96, 51)", | ||
| "rgb(217, 67, 96)", | ||
| "rgb(221, 38, 163)", | ||
| "rgb(196, 59, 224)", | ||
| "rgb(153, 97, 244)", | ||
| "rgb(95, 127, 228)", | ||
| "rgb(40, 144, 183)", | ||
| "rgb(15, 151, 136)", | ||
| "rgb(39, 153, 79)", | ||
| "rgb(119, 141, 17)", | ||
| "rgb(167, 119, 12)" | ||
| ], | ||
| hsv: ['#ff0000', | ||
| '#ffa700', | ||
| '#afff00', | ||
| '#08ff00', | ||
| '#00ff9f', | ||
| '#00b7ff', | ||
| '#0010ff', | ||
| '#9700ff', | ||
| '#ff00bf', | ||
| '#ff0018'], | ||
| mrybm: ['#f884f7', | ||
| '#f968c4', | ||
| '#ea4388', | ||
| '#cf244b', | ||
| '#b51a15', | ||
| '#bd4304', | ||
| '#cc6904', | ||
| '#d58f04', | ||
| '#cfaa27', | ||
| '#a19f62', | ||
| '#588a93', | ||
| '#2269c4', | ||
| '#3e3ef0', | ||
| '#6b4ef9', | ||
| '#956bfa', | ||
| '#cd7dfe'], | ||
| mygbm: ['#ef55f1', | ||
| '#fb84ce', | ||
| '#fbafa1', | ||
| '#fcd471', | ||
| '#f0ed35', | ||
| '#c6e516', | ||
| '#96d310', | ||
| '#61c10b', | ||
| '#31ac28', | ||
| '#439064', | ||
| '#3d719a', | ||
| '#284ec8', | ||
| '#2e21ea', | ||
| '#6324f5', | ||
| '#9139fa', | ||
| '#c543fa'] | ||
| } | ||
@@ -168,0 +275,0 @@ }; |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.01%
23921996
- Lines of code
- increased by0.25%
42879