Skip to content

Commit e14d06a

Browse files
committed
Updated default color palette
1 parent 2f16497 commit e14d06a

File tree

3 files changed

+154
-176
lines changed

3 files changed

+154
-176
lines changed

package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "vue-data-ui",
33
"private": false,
4-
"version": "2.1.1",
4+
"version": "2.1.2",
55
"type": "module",
66
"description": "A user-empowering data visualization Vue components library",
77
"keywords": [

src/lib.js

Lines changed: 151 additions & 173 deletions
Original file line numberDiff line numberDiff line change
@@ -173,46 +173,24 @@ export function checkNaN(val, fallback = 0) {
173173
}
174174

175175
export const palette = [
176-
'#3366cc',
177-
'#dc3912',
178-
'#ff9900',
179-
'#109618',
180-
'#990099',
181-
'#0099c6',
182-
'#dd4477',
183-
'#66aa00',
184-
'#b82e2e',
185-
'#316395',
186-
'#994499',
187-
'#22aa99',
188-
'#aaaa11',
189-
'#6633cc',
190-
'#e67300',
191-
'#8b0707',
192-
'#651067',
193-
'#329262',
194-
'#5574a6',
195-
'#3b3eac',
196-
'#b77322',
197-
'#16d620',
198-
'#b91383',
199-
'#f4359e',
200-
'#9c5935',
201-
'#a9c413',
202-
'#2a778d',
203-
'#668d1c',
204-
'#bea413',
205-
'#0c5922',
206-
'#743411',
176+
"#1f77b4", "#aec7e8", "#ff7f0e", "#ffbb78", "#2ca02c",
177+
"#98df8a", "#d62728", "#ff9896", "#9467bd", "#c5b0d5",
178+
"#8c564b", "#c49c94", "#e377c2", "#f7b6d2", "#7f7f7f",
179+
"#c7c7c7", "#bcbd22", "#dbdb8d", "#17becf", "#9edae5",
180+
"#393b79", "#5254a3", "#6b6ecf", "#9c9ede", "#637939",
181+
"#8ca252", "#b5cf6b", "#cedb9c", "#8c6d31", "#bd9e39",
182+
"#e7ba52", "#e7cb94", "#843c39", "#ad494a", "#d6616b",
183+
"#e7969c", "#7b4173", "#a55194", "#ce6dbd", "#de9ed6"
207184
];
208185

186+
209187
export const opacity = ["00", "03", "05", "08", "0A", "0D", "0F", "12", "14", "17", "1A", "1C", "1F", "21", "24", "26", "29", "2B", "2E", "30", "33", "36", "38", "3B", "3D", "40", "42", "45", "47", "4A", "4D", "4F", "52", "54", "57", "59", "5C", "5E", "61", "63", "66", "69", "6B", "6E", "70", "73", "75", "78", "7A", "7D", "80", "82", "85", "87", "8A", "8C", "8F", "91", "94", "96", "99", "9C", "9E", "A1", "A3", "A6", "A8", "AB", "AD", "B0", "B3", "B5", "B8", "BA", "BD", "BF", "C2", "C4", "C7", "C9", "CC", "CF", "D1", "D4", "D6", "D9", "DB", "DE", "E0", "E3", "E6", "E8", "EB", "ED", "F0", "F2", "F5", "F7", "FA", "FC", "FF"];
210188

211189
export function convertColorToHex(color) {
212190
const hexRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
213191
const rgbRegex = /^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)$/i;
214192
const hslRegex = /^hsla?\((\d+),\s*([\d.]+)%,\s*([\d.]+)%(?:,\s*[\d.]+)?\)$/i;
215-
193+
216194
if ([undefined, null, NaN].includes(color)) {
217195
return null;
218196
}
@@ -1109,7 +1087,7 @@ export function mergePointsByProximity(points, threshold = 0.15) {
11091087
export function getMissingDatasetAttributes({ datasetObject, requiredAttributes }) {
11101088
let errors = [];
11111089
requiredAttributes.forEach(attribute => {
1112-
if(!Object.hasOwn(datasetObject, attribute)) {
1090+
if (!Object.hasOwn(datasetObject, attribute)) {
11131091
errors.push(attribute);
11141092
}
11151093
});
@@ -1118,146 +1096,146 @@ export function getMissingDatasetAttributes({ datasetObject, requiredAttributes
11181096

11191097
export function convertNameColorToHex(colorName) {
11201098
const colorMap = {
1121-
ALICEBLUE:"#F0F8FF",
1122-
ANTIQUEWHITE:"#FAEBD7",
1123-
AQUA:"#00FFFF",
1124-
AQUAMARINE:"#7FFFD4",
1125-
AZURE:"#F0FFFF",
1126-
BEIGE:"#F5F5DC",
1127-
BISQUE:"#FFE4C4",
1128-
BLACK:"#000000",
1129-
BLANCHEDALMOND:"#FFEBCD",
1130-
BLUE:"#0000FF",
1131-
BLUEVIOLET:"#8A2BE2",
1132-
BROWN:"#A52A2A",
1133-
BURLYWOOD:"#DEB887",
1134-
CADETBLUE:"#5F9EA0",
1135-
CHARTREUSE:"#7FFF00",
1136-
CHOCOLATE:"#D2691E",
1137-
CORAL:"#FF7F50",
1138-
CORNFLOWERBLUE:"#6495ED",
1139-
CORNSILK:"#FFF8DC",
1140-
CRIMSON:"#DC143C",
1141-
CYAN:"#00FFFF",
1142-
DARKBLUE:"#00008B",
1143-
DARKCYAN:"#008B8B",
1144-
DARKGOLDENROD:"#B8860B",
1145-
DARKGREY:"#A9A9A9",
1146-
DARKGREEN:"#006400",
1147-
DARKKHAKI:"#BDB76B",
1148-
DARKMAGENTA:"#8B008B",
1149-
DARKOLIVEGREEN:"#556B2F",
1150-
DARKORANGE:"#FF8C00",
1151-
DARKORCHID:"#9932CC",
1152-
DARKRED:"#8B0000",
1153-
DARKSALMON:"#E9967A",
1154-
DARKSEAGREEN:"#8FBC8F",
1155-
DARKSLATEBLUE:"#483D8B",
1156-
DARKSLATEGREY:"#2F4F4F",
1157-
DARKTURQUOISE:"#00CED1",
1158-
DARKVIOLET:"#9400D3",
1159-
DEEPPINK:"#FF1493",
1160-
DEEPSKYBLUE:"#00BFFF",
1161-
DIMGRAY:"#696969",
1162-
DODGERBLUE:"#1E90FF",
1163-
FIREBRICK:"#B22222",
1164-
FLORALWHITE:"#FFFAF0",
1165-
FORESTGREEN:"#228B22",
1166-
FUCHSIA:"#FF00FF",
1167-
GAINSBORO:"#DCDCDC",
1168-
GHOSTWHITE:"#F8F8FF",
1169-
GOLD:"#FFD700",
1170-
GOLDENROD:"#DAA520",
1171-
GREY:"#808080",
1172-
GREEN:"#008000",
1173-
GREENYELLOW:"#ADFF2F",
1174-
HONEYDEW:"#F0FFF0",
1175-
HOTPINK:"#FF69B4",
1176-
INDIANRED:"#CD5C5C",
1177-
INDIGO:"#4B0082",
1178-
IVORY:"#FFFFF0",
1179-
KHAKI:"#F0E68C",
1180-
LAVENDER:"#E6E6FA",
1181-
LAVENDERBLUSH:"#FFF0F5",
1182-
LAWNGREEN:"#7CFC00",
1183-
LEMONCHIFFON:"#FFFACD",
1184-
LIGHTBLUE:"#ADD8E6",
1185-
LIGHTCORAL:"#F08080",
1186-
LIGHTCYAN:"#E0FFFF",
1187-
LIGHTGOLDENRODYELLOW:"#FAFAD2",
1188-
LIGHTGREY:"#D3D3D3",
1189-
LIGHTGREEN:"#90EE90",
1190-
LIGHTPINK:"#FFB6C1",
1191-
LIGHTSALMON:"#FFA07A",
1192-
LIGHTSEAGREEN:"#20B2AA",
1193-
LIGHTSKYBLUE:"#87CEFA",
1194-
LIGHTSLATEGREY:"#778899",
1195-
LIGHTSTEELBLUE:"#B0C4DE",
1196-
LIGHTYELLOW:"#FFFFE0",
1197-
LIME:"#00FF00",
1198-
LIMEGREEN:"#32CD32",
1199-
LINEN:"#FAF0E6",
1200-
MAGENTA:"#FF00FF",
1201-
MAROON:"#800000",
1202-
MEDIUMAQUAMARINE:"#66CDAA",
1203-
MEDIUMBLUE:"#0000CD",
1204-
MEDIUMORCHID:"#BA55D3",
1205-
MEDIUMPURPLE:"#9370D8",
1206-
MEDIUMSEAGREEN:"#3CB371",
1207-
MEDIUMSLATEBLUE:"#7B68EE",
1208-
MEDIUMSPRINGGREEN:"#00FA9A",
1209-
MEDIUMTURQUOISE:"#48D1CC",
1210-
MEDIUMVIOLETRED:"#C71585",
1211-
MIDNIGHTBLUE:"#191970",
1212-
MINTCREAM:"#F5FFFA",
1213-
MISTYROSE:"#FFE4E1",
1214-
MOCCASIN:"#FFE4B5",
1215-
NAVAJOWHITE:"#FFDEAD",
1216-
NAVY:"#000080",
1217-
OLDLACE:"#FDF5E6",
1218-
OLIVE:"#808000",
1219-
OLIVEDRAB:"#6B8E23",
1220-
ORANGE:"#FFA500",
1221-
ORANGERED:"#FF4500",
1222-
ORCHID:"#DA70D6",
1223-
PALEGOLDENROD:"#EEE8AA",
1224-
PALEGREEN:"#98FB98",
1225-
PALETURQUOISE:"#AFEEEE",
1226-
PALEVIOLETRED:"#D87093",
1227-
PAPAYAWHIP:"#FFEFD5",
1228-
PEACHPUFF:"#FFDAB9",
1229-
PERU:"#CD853F",
1230-
PINK:"#FFC0CB",
1231-
PLUM:"#DDA0DD",
1232-
POWDERBLUE:"#B0E0E6",
1233-
PURPLE:"#800080",
1234-
RED:"#FF0000",
1235-
ROSYBROWN:"#BC8F8F",
1236-
ROYALBLUE:"#4169E1",
1237-
SADDLEBROWN:"#8B4513",
1238-
SALMON:"#FA8072",
1239-
SANDYBROWN:"#F4A460",
1240-
SEAGREEN:"#2E8B57",
1241-
SEASHELL:"#FFF5EE",
1242-
SIENNA:"#A0522D",
1243-
SILVER:"#C0C0C0",
1244-
SKYBLUE:"#87CEEB",
1245-
SLATEBLUE:"#6A5ACD",
1246-
SLATEGREY:"#708090",
1247-
SNOW:"#FFFAFA",
1248-
SPRINGGREEN:"#00FF7F",
1249-
STEELBLUE:"#4682B4",
1250-
TAN:"#D2B48C",
1251-
TEAL:"#008080",
1252-
THISTLE:"#D8BFD8",
1253-
TOMATO:"#FF6347",
1254-
TURQUOISE:"#40E0D0",
1255-
VIOLET:"#EE82EE",
1256-
WHEAT:"#F5DEB3",
1257-
WHITE:"#FFFFFF",
1258-
WHITESMOKE:"#F5F5F5",
1259-
YELLOW:"#FFFF00",
1260-
YELLOWGREEN:"#9ACD32",
1099+
ALICEBLUE: "#F0F8FF",
1100+
ANTIQUEWHITE: "#FAEBD7",
1101+
AQUA: "#00FFFF",
1102+
AQUAMARINE: "#7FFFD4",
1103+
AZURE: "#F0FFFF",
1104+
BEIGE: "#F5F5DC",
1105+
BISQUE: "#FFE4C4",
1106+
BLACK: "#000000",
1107+
BLANCHEDALMOND: "#FFEBCD",
1108+
BLUE: "#0000FF",
1109+
BLUEVIOLET: "#8A2BE2",
1110+
BROWN: "#A52A2A",
1111+
BURLYWOOD: "#DEB887",
1112+
CADETBLUE: "#5F9EA0",
1113+
CHARTREUSE: "#7FFF00",
1114+
CHOCOLATE: "#D2691E",
1115+
CORAL: "#FF7F50",
1116+
CORNFLOWERBLUE: "#6495ED",
1117+
CORNSILK: "#FFF8DC",
1118+
CRIMSON: "#DC143C",
1119+
CYAN: "#00FFFF",
1120+
DARKBLUE: "#00008B",
1121+
DARKCYAN: "#008B8B",
1122+
DARKGOLDENROD: "#B8860B",
1123+
DARKGREY: "#A9A9A9",
1124+
DARKGREEN: "#006400",
1125+
DARKKHAKI: "#BDB76B",
1126+
DARKMAGENTA: "#8B008B",
1127+
DARKOLIVEGREEN: "#556B2F",
1128+
DARKORANGE: "#FF8C00",
1129+
DARKORCHID: "#9932CC",
1130+
DARKRED: "#8B0000",
1131+
DARKSALMON: "#E9967A",
1132+
DARKSEAGREEN: "#8FBC8F",
1133+
DARKSLATEBLUE: "#483D8B",
1134+
DARKSLATEGREY: "#2F4F4F",
1135+
DARKTURQUOISE: "#00CED1",
1136+
DARKVIOLET: "#9400D3",
1137+
DEEPPINK: "#FF1493",
1138+
DEEPSKYBLUE: "#00BFFF",
1139+
DIMGRAY: "#696969",
1140+
DODGERBLUE: "#1E90FF",
1141+
FIREBRICK: "#B22222",
1142+
FLORALWHITE: "#FFFAF0",
1143+
FORESTGREEN: "#228B22",
1144+
FUCHSIA: "#FF00FF",
1145+
GAINSBORO: "#DCDCDC",
1146+
GHOSTWHITE: "#F8F8FF",
1147+
GOLD: "#FFD700",
1148+
GOLDENROD: "#DAA520",
1149+
GREY: "#808080",
1150+
GREEN: "#008000",
1151+
GREENYELLOW: "#ADFF2F",
1152+
HONEYDEW: "#F0FFF0",
1153+
HOTPINK: "#FF69B4",
1154+
INDIANRED: "#CD5C5C",
1155+
INDIGO: "#4B0082",
1156+
IVORY: "#FFFFF0",
1157+
KHAKI: "#F0E68C",
1158+
LAVENDER: "#E6E6FA",
1159+
LAVENDERBLUSH: "#FFF0F5",
1160+
LAWNGREEN: "#7CFC00",
1161+
LEMONCHIFFON: "#FFFACD",
1162+
LIGHTBLUE: "#ADD8E6",
1163+
LIGHTCORAL: "#F08080",
1164+
LIGHTCYAN: "#E0FFFF",
1165+
LIGHTGOLDENRODYELLOW: "#FAFAD2",
1166+
LIGHTGREY: "#D3D3D3",
1167+
LIGHTGREEN: "#90EE90",
1168+
LIGHTPINK: "#FFB6C1",
1169+
LIGHTSALMON: "#FFA07A",
1170+
LIGHTSEAGREEN: "#20B2AA",
1171+
LIGHTSKYBLUE: "#87CEFA",
1172+
LIGHTSLATEGREY: "#778899",
1173+
LIGHTSTEELBLUE: "#B0C4DE",
1174+
LIGHTYELLOW: "#FFFFE0",
1175+
LIME: "#00FF00",
1176+
LIMEGREEN: "#32CD32",
1177+
LINEN: "#FAF0E6",
1178+
MAGENTA: "#FF00FF",
1179+
MAROON: "#800000",
1180+
MEDIUMAQUAMARINE: "#66CDAA",
1181+
MEDIUMBLUE: "#0000CD",
1182+
MEDIUMORCHID: "#BA55D3",
1183+
MEDIUMPURPLE: "#9370D8",
1184+
MEDIUMSEAGREEN: "#3CB371",
1185+
MEDIUMSLATEBLUE: "#7B68EE",
1186+
MEDIUMSPRINGGREEN: "#00FA9A",
1187+
MEDIUMTURQUOISE: "#48D1CC",
1188+
MEDIUMVIOLETRED: "#C71585",
1189+
MIDNIGHTBLUE: "#191970",
1190+
MINTCREAM: "#F5FFFA",
1191+
MISTYROSE: "#FFE4E1",
1192+
MOCCASIN: "#FFE4B5",
1193+
NAVAJOWHITE: "#FFDEAD",
1194+
NAVY: "#000080",
1195+
OLDLACE: "#FDF5E6",
1196+
OLIVE: "#808000",
1197+
OLIVEDRAB: "#6B8E23",
1198+
ORANGE: "#FFA500",
1199+
ORANGERED: "#FF4500",
1200+
ORCHID: "#DA70D6",
1201+
PALEGOLDENROD: "#EEE8AA",
1202+
PALEGREEN: "#98FB98",
1203+
PALETURQUOISE: "#AFEEEE",
1204+
PALEVIOLETRED: "#D87093",
1205+
PAPAYAWHIP: "#FFEFD5",
1206+
PEACHPUFF: "#FFDAB9",
1207+
PERU: "#CD853F",
1208+
PINK: "#FFC0CB",
1209+
PLUM: "#DDA0DD",
1210+
POWDERBLUE: "#B0E0E6",
1211+
PURPLE: "#800080",
1212+
RED: "#FF0000",
1213+
ROSYBROWN: "#BC8F8F",
1214+
ROYALBLUE: "#4169E1",
1215+
SADDLEBROWN: "#8B4513",
1216+
SALMON: "#FA8072",
1217+
SANDYBROWN: "#F4A460",
1218+
SEAGREEN: "#2E8B57",
1219+
SEASHELL: "#FFF5EE",
1220+
SIENNA: "#A0522D",
1221+
SILVER: "#C0C0C0",
1222+
SKYBLUE: "#87CEEB",
1223+
SLATEBLUE: "#6A5ACD",
1224+
SLATEGREY: "#708090",
1225+
SNOW: "#FFFAFA",
1226+
SPRINGGREEN: "#00FF7F",
1227+
STEELBLUE: "#4682B4",
1228+
TAN: "#D2B48C",
1229+
TEAL: "#008080",
1230+
THISTLE: "#D8BFD8",
1231+
TOMATO: "#FF6347",
1232+
TURQUOISE: "#40E0D0",
1233+
VIOLET: "#EE82EE",
1234+
WHEAT: "#F5DEB3",
1235+
WHITE: "#FFFFFF",
1236+
WHITESMOKE: "#F5F5F5",
1237+
YELLOW: "#FFFF00",
1238+
YELLOWGREEN: "#9ACD32",
12611239
};
12621240
return colorMap[colorName.toUpperCase()] || colorName;
12631241
}

0 commit comments

Comments
 (0)