CatPtain's picture
Upload 100 files
ccefd0b verified
export const ICONS = {
sunIcon: {
viewBox: "0 0 16 16",
width: 16,
height: 16,
path: "M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z",
},
moonIcon: {
viewBox: "0 0 25 25",
width: 25,
height: 25,
path: "M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z",
},
plotCsv: {
width: 900,
height: 900,
path: "M170.666667 106.666667l0.192 736H906.666667v64H149.546667c-23.552 0-42.666667-19.093333-42.666667-42.666667L106.666667 106.666667h64z m686.506666 454.144l13.653334 16.362666a21.333333 21.333333 0 0 1-2.666667 30.058667l-171.157333 143.146667a21.333333 21.333333 0 0 1-21.546667 3.477333l-229.973333-91.285333-113.834667 94.997333a21.333333 21.333333 0 0 1-30.037333-2.709333l-13.653334-16.362667a21.333333 21.333333 0 0 1 2.688-30.058667l133.312-111.274666a21.333333 21.333333 0 0 1 21.546667-3.456l229.930667 91.264 151.68-126.826667a21.333333 21.333333 0 0 1 30.037333 2.666667z m-1.621333-417.962667l16.896 13.013333a21.333333 21.333333 0 0 1 3.925333 29.888L685.802667 433.706667a21.333333 21.333333 0 0 1-20.202667 8.085333l-226.794667-35.413333-150.186666 222.357333a21.333333 21.333333 0 0 1-27.477334 7.018667l-2.133333-1.28-17.685333-11.946667a21.333333 21.333333 0 0 1-5.738667-29.610667l165.354667-244.821333a21.333333 21.333333 0 0 1 20.992-9.130667L650.453333 374.613333l175.146667-227.882666a21.333333 21.333333 0 0 1 29.930667-3.904z",
},
addText: {
path: "M896 928H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32z m-736-64h704v-704h-704z M704 352H320a32 32 0 0 1 0-64h384a32 32 0 0 1 0 64z M512 736a32 32 0 0 1-32-32V320a32 32 0 0 1 64 0v384a32 32 0 0 1-32 32z",
width: 950,
height: 950,
},
changeTitle: {
path: "M122.368 165.888h778.24c-9.216 0-16.384-7.168-16.384-16.384v713.728c0-9.216 7.168-16.384 16.384-16.384h-778.24c9.216 0 16.384 7.168 16.384 16.384V150.016c0 8.192-6.656 15.872-16.384 15.872z m-32.768 684.544c0 26.112 20.992 47.104 47.104 47.104h750.08c26.112 0 47.104-20.992 47.104-47.104V162.304c0-26.112-20.992-47.104-47.104-47.104H136.704c-26.112 0-47.104 20.992-47.104 47.104v688.128z M244.736 656.896h534.016v62.464H244.736z M373.76 358.4H307.2v219.136h-45.568V358.4H192v-41.472H373.76V358.4zM403.968 316.928h44.032v50.176h-44.032v-50.176z m0 67.072h44.032v194.048h-44.032V384zM576.512 541.184l8.704 31.744c-13.312 5.12-26.624 8.192-38.912 8.704-32.768 1.024-48.64-15.36-48.128-48.128V422.912h-26.624V384h26.624v-46.592l44.032-21.504V384h36.352v38.912h-36.352V532.48c-1.024 10.24 3.072 14.848 11.264 13.824 5.12 0 12.8-1.536 23.04-5.12zM619.008 316.928h44.032v260.608h-44.032V316.928zM813.056 509.952l41.472 12.8c-11.776 40.96-37.888 61.44-78.336 60.416-52.736-1.536-80.384-34.304-81.92-98.304 2.56-67.072 29.696-102.4 81.92-105.984 52.224 1.536 78.336 36.864 79.36 105.984v13.824h-117.248c3.584 30.208 15.872 45.568 37.888 46.592 19.968 0.512 32.256-11.264 36.864-35.328z m-72.704-51.712h70.656c-1.024-25.088-12.288-38.4-33.792-38.912-21.504 0.512-33.792 13.824-36.864 38.912z",
width: 920,
height: 900,
},
changeColor: {
path: "M8 3C5.79 3 4 4.79 4 7V14C4 15.1 4.9 16 6 16H9V20C9 21.1 9.9 22 11 22H13C14.1 22 15 21.1 15 20V16H18C19.1 16 20 15.1 20 14V3H8M8 5H12V7H14V5H15V9H17V5H18V10H6V7C6 5.9 6.9 5 8 5M6 14V12H18V14H6Z",
width: 22,
height: 22,
},
uploadImage: {
path: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5",
width: 1024,
height: 1024,
},
downloadCsv: {
path: `M486.2,196.121h-13.164V132.59c0-0.399-0.064-0.795-0.116-1.2c-0.021-2.52-0.824-5-2.551-6.96L364.656,3.677
c-0.031-0.034-0.064-0.044-0.085-0.075c-0.629-0.707-1.364-1.292-2.141-1.796c-0.231-0.157-0.462-0.286-0.704-0.419
c-0.672-0.365-1.386-0.672-2.121-0.893c-0.199-0.052-0.377-0.134-0.576-0.188C358.229,0.118,357.4,0,356.562,0H96.757
C84.893,0,75.256,9.649,75.256,21.502v174.613H62.093c-16.972,0-30.733,13.756-30.733,30.73v159.81
c0,16.966,13.761,30.736,30.733,30.736h13.163V526.79c0,11.854,9.637,21.501,21.501,21.501h354.777
c11.853,0,21.502-9.647,21.502-21.501V417.392H486.2c16.966,0,30.729-13.764,30.729-30.731v-159.81
C516.93,209.872,503.166,196.121,486.2,196.121z M96.757,21.502h249.053v110.006c0,5.94,4.818,10.751,10.751,10.751h94.973v53.861
H96.757V21.502z M258.618,313.18c-26.68-9.291-44.063-24.053-44.063-47.389c0-27.404,22.861-48.368,60.733-48.368
c18.107,0,31.447,3.811,40.968,8.107l-8.09,29.3c-6.43-3.107-17.862-7.632-33.59-7.632c-15.717,0-23.339,7.149-23.339,15.485
c0,10.247,9.047,14.769,29.78,22.632c28.341,10.479,41.681,25.239,41.681,47.874c0,26.909-20.721,49.786-64.792,49.786
c-18.338,0-36.449-4.776-45.497-9.77l7.38-30.016c9.772,5.014,24.775,10.006,40.264,10.006c16.671,0,25.488-6.908,25.488-17.396
C285.536,325.789,277.909,320.078,258.618,313.18z M69.474,302.692c0-54.781,39.074-85.269,87.654-85.269
c18.822,0,33.113,3.811,39.549,7.149l-7.392,28.816c-7.38-3.084-17.632-5.939-30.491-5.939c-28.822,0-51.206,17.375-51.206,53.099
c0,32.158,19.051,52.4,51.456,52.4c10.947,0,23.097-2.378,30.241-5.238l5.483,28.346c-6.672,3.34-21.674,6.919-41.208,6.919
C98.06,382.976,69.474,348.424,69.474,302.692z M451.534,520.962H96.757v-103.57h354.777V520.962z M427.518,380.583h-42.399
l-51.45-160.536h39.787l19.526,67.894c5.479,19.046,10.479,37.386,14.299,57.397h0.709c4.048-19.298,9.045-38.352,14.526-56.693
l20.487-68.598h38.599L427.518,380.583z`,
width: 550,
height: 550,
transform: "translate(4, 0)",
},
downloadImage: {
path: "M22.71,6.29a1,1,0,0,0-1.42,0L20,7.59V2a1,1,0,0,0-2,0V7.59l-1.29-1.3a1,1,0,0,0-1.42,1.42l3,3a1,1,0,0,0,.33.21.94.94,0,0,0,.76,0,1,1,0,0,0,.33-.21l3-3A1,1,0,0,0,22.71,6.29ZM19,13a1,1,0,0,0-1,1v.38L16.52,12.9a2.79,2.79,0,0,0-3.93,0l-.7.7L9.41,11.12a2.85,2.85,0,0,0-3.93,0L4,12.6V7A1,1,0,0,1,5,6h8a1,1,0,0,0,0-2H5A3,3,0,0,0,2,7V19a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V14A1,1,0,0,0,19,13ZM5,20a1,1,0,0,1-1-1V15.43l2.9-2.9a.79.79,0,0,1,1.09,0l3.17,3.17,0,0L15.46,20Zm13-1a.89.89,0,0,1-.18.53L13.31,15l.7-.7a.77.77,0,0,1,1.1,0L18,17.21Z",
width: 21,
height: 21,
transform: "translate(-2, -2)",
},
};
export const DARK_CHARTS_TEMPLATE = {
line: {
"up_color": "#0074D9",
"down_color": "#FF4136",
"color": "#111111",
"width": 1.5
},
data: {
candlestick: [
{
decreasing: {
fillcolor: "#e4003a",
line: {
color: "#e4003a",
},
},
increasing: {
fillcolor: "#00ACFF",
line: {
color: "#00ACFF",
},
},
type: "candlestick",
},
],
},
layout: {
annotationdefaults: {
showarrow: false,
},
autotypenumbers: "strict",
colorway: [
"#1f77b4",
"#ff7f0e",
"#2ca02c",
"#d62728",
"#9467bd",
"#8c564b",
"#e377c2",
"#bcbd22",
"#17becf",
"#aec7e8",
"#ffbb78",
"#ff9896",
"#c5b0d5",
"#f7b6d2",
"#dbdb8d",
"#9edae5"
],
dragmode: "pan",
font: {
family: "Arial, Helvetica, sans-serif",
size: 16,
},
hoverlabel: {
align: "left",
font: {
family: "Arial, Helvetica, sans-serif",
size: 14,
},
},
mapbox: {
style: "dark",
},
hovermode: "x",
legend: {
bgcolor: "rgba(0, 0, 0, 0)",
x: 1,
xanchor: "right",
y: 0.99,
yanchor: "bottom",
font: {
family: "Arial, Helvetica, sans-serif",
size: 14,
},
},
paper_bgcolor: "#000000",
plot_bgcolor: "#000000",
xaxis: {
automargin: true,
autorange: true,
rangeslider: {
visible: false,
},
showgrid: true,
showline: true,
tickfont: {
family: "Arial, Helvetica, sans-serif",
size: 14,
},
zeroline: false,
tick0: 1,
title: {
standoff: 20,
text: "",
font: {
family: "Arial, Helvetica, sans-serif",
size: 16,
},
},
gridcolor: "#283442",
linecolor: "#F5EFF3",
mirror: true,
ticks: "outside",
},
yaxis: {
anchor: "x",
automargin: true,
fixedrange: false,
zeroline: false,
showgrid: true,
showline: true,
side: "right",
tick0: 0.5,
tickfont: {
family: "Arial, Helvetica, sans-serif",
size: 14,
},
title: {
standoff: 20,
text: "",
font: {
family: "Arial, Helvetica, sans-serif",
size: 16,
},
},
gridcolor: "#283442",
linecolor: "#F5EFF3",
mirror: true,
ticks: "outside",
},
},
};
export const LIGHT_CHARTS_TEMPLATE = {
line: {
"up_color": "#0074D9",
"down_color": "#FF4136",
"color": "#111111",
"width": 1.5
},
data: {
barpolar: [
{
marker: {
line: {
color: "white",
width: 0.5,
},
pattern: {
fillmode: "overlay",
size: 10,
solidity: 0.2,
},
},
type: "barpolar",
},
],
bar: [
{
error_x: {
color: "#2a3f5f",
},
error_y: {
color: "#2a3f5f",
},
marker: {
line: {
color: "white",
width: 0.5,
},
pattern: {
fillmode: "overlay",
size: 10,
solidity: 0.2,
},
},
type: "bar",
},
],
carpet: [
{
aaxis: {
endlinecolor: "#2a3f5f",
gridcolor: "#C8D4E3",
linecolor: "#C8D4E3",
minorgridcolor: "#C8D4E3",
startlinecolor: "#2a3f5f",
},
baxis: {
endlinecolor: "#2a3f5f",
gridcolor: "#C8D4E3",
linecolor: "#C8D4E3",
minorgridcolor: "#C8D4E3",
startlinecolor: "#2a3f5f",
},
type: "carpet",
},
],
choropleth: [
{
colorbar: {
outlinewidth: 0,
ticks: "",
},
type: "choropleth",
},
],
contourcarpet: [
{
colorbar: {
outlinewidth: 0,
ticks: "",
},
type: "contourcarpet",
},
],
contour: [
{
colorbar: {
outlinewidth: 0,
ticks: "",
},
colorscale: [
[0.0, "#0d0887"],
[0.1111111111111111, "#46039f"],
[0.2222222222222222, "#7201a8"],
[0.3333333333333333, "#9c179e"],
[0.4444444444444444, "#bd3786"],
[0.5555555555555556, "#d8576b"],
[0.6666666666666666, "#ed7953"],
[0.7777777777777778, "#fb9f3a"],
[0.8888888888888888, "#fdca26"],
[1.0, "#f0f921"],
],
type: "contour",
},
],
heatmap: [
{
colorbar: {
outlinewidth: 0,
ticks: "",
},
colorscale: [
[0.0, "#0d0887"],
[0.1111111111111111, "#46039f"],
[0.2222222222222222, "#7201a8"],
[0.3333333333333333, "#9c179e"],
[0.4444444444444444, "#bd3786"],
[0.5555555555555556, "#d8576b"],
[0.6666666666666666, "#ed7953"],
[0.7777777777777778, "#fb9f3a"],
[0.8888888888888888, "#fdca26"],
[1.0, "#f0f921"],
],
type: "heatmap",
},
],
histogram2dcontour: [
{
colorbar: {
outlinewidth: 0,
ticks: "",
},
colorscale: [
[0.0, "#0d0887"],
[0.1111111111111111, "#46039f"],
[0.2222222222222222, "#7201a8"],
[0.3333333333333333, "#9c179e"],
[0.4444444444444444, "#bd3786"],
[0.5555555555555556, "#d8576b"],
[0.6666666666666666, "#ed7953"],
[0.7777777777777778, "#fb9f3a"],
[0.8888888888888888, "#fdca26"],
[1.0, "#f0f921"],
],
type: "histogram2dcontour",
},
],
histogram2d: [
{
colorbar: {
outlinewidth: 0,
ticks: "",
},
colorscale: [
[0.0, "#0d0887"],
[0.1111111111111111, "#46039f"],
[0.2222222222222222, "#7201a8"],
[0.3333333333333333, "#9c179e"],
[0.4444444444444444, "#bd3786"],
[0.5555555555555556, "#d8576b"],
[0.6666666666666666, "#ed7953"],
[0.7777777777777778, "#fb9f3a"],
[0.8888888888888888, "#fdca26"],
[1.0, "#f0f921"],
],
type: "histogram2d",
},
],
histogram: [
{
marker: {
pattern: {
fillmode: "overlay",
size: 10,
solidity: 0.2,
},
},
type: "histogram",
},
],
mesh3d: [
{
colorbar: {
outlinewidth: 0,
ticks: "",
},
type: "mesh3d",
},
],
parcoords: [
{
line: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "parcoords",
},
],
pie: [
{
automargin: true,
type: "pie",
},
],
scatter3d: [
{
line: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
marker: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "scatter3d",
},
],
scattercarpet: [
{
marker: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "scattercarpet",
},
],
scattergeo: [
{
marker: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "scattergeo",
},
],
scattergl: [
{
marker: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "scattergl",
},
],
scattermapbox: [
{
marker: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "scattermapbox",
},
],
scatterpolargl: [
{
marker: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "scatterpolargl",
},
],
scatterpolar: [
{
marker: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "scatterpolar",
},
],
scatter: [
{
fillpattern: {
fillmode: "overlay",
size: 10,
solidity: 0.2,
},
type: "scatter",
},
],
scatterternary: [
{
marker: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
type: "scatterternary",
},
],
surface: [
{
colorbar: {
outlinewidth: 0,
ticks: "",
},
colorscale: [
[0.0, "#0d0887"],
[0.1111111111111111, "#46039f"],
[0.2222222222222222, "#7201a8"],
[0.3333333333333333, "#9c179e"],
[0.4444444444444444, "#bd3786"],
[0.5555555555555556, "#d8576b"],
[0.6666666666666666, "#ed7953"],
[0.7777777777777778, "#fb9f3a"],
[0.8888888888888888, "#fdca26"],
[1.0, "#f0f921"],
],
type: "surface",
},
],
table: [
{
cells: {
fill: {
color: "#EBF0F8",
},
line: {
color: "white",
},
},
header: {
fill: {
color: "#C8D4E3",
},
line: {
color: "white",
},
},
type: "table",
},
],
candlestick: [
{
"decreasing": {
"fillcolor": "#e4003a",
"line": {
"color": "#e4003a"
}
},
"increasing": {
"fillcolor": "#00ACFF",
"line": {
"color": "#00ACFF"
}
},
"type": "candlestick"
}
],
},
layout: {
annotationdefaults: {
arrowcolor: "#2a3f5f",
arrowhead: 0,
arrowwidth: 1,
showarrow: false,
},
autotypenumbers: "strict",
coloraxis: {
colorbar: {
outlinewidth: 0,
ticks: "",
},
},
colorscale: {
diverging: [
[0, "#8e0152"],
[0.1, "#c51b7d"],
[0.2, "#de77ae"],
[0.3, "#f1b6da"],
[0.4, "#fde0ef"],
[0.5, "#f7f7f7"],
[0.6, "#e6f5d0"],
[0.7, "#b8e186"],
[0.8, "#7fbc41"],
[0.9, "#4d9221"],
[1, "#276419"],
],
sequential: [
[0.0, "#0d0887"],
[0.1111111111111111, "#46039f"],
[0.2222222222222222, "#7201a8"],
[0.3333333333333333, "#9c179e"],
[0.4444444444444444, "#bd3786"],
[0.5555555555555556, "#d8576b"],
[0.6666666666666666, "#ed7953"],
[0.7777777777777778, "#fb9f3a"],
[0.8888888888888888, "#fdca26"],
[1.0, "#f0f921"],
],
sequentialminus: [
[0.0, "#0d0887"],
[0.1111111111111111, "#46039f"],
[0.2222222222222222, "#7201a8"],
[0.3333333333333333, "#9c179e"],
[0.4444444444444444, "#bd3786"],
[0.5555555555555556, "#d8576b"],
[0.6666666666666666, "#ed7953"],
[0.7777777777777778, "#fb9f3a"],
[0.8888888888888888, "#fdca26"],
[1.0, "#f0f921"],
],
},
colorway: [
"#1f77b4",
"#ff7f0e",
"#2ca02c",
"#d62728",
"#9467bd",
"#8c564b",
"#e377c2",
"#bcbd22",
"#17becf",
"#aec7e8",
"#ffbb78",
"#ff9896",
"#c5b0d5",
"#f7b6d2",
"#dbdb8d",
"#9edae5"
],
font: {
family: "Arial, Helvetica, sans-serif",
size: 16,
},
geo: {
bgcolor: "white",
lakecolor: "white",
landcolor: "white",
showlakes: true,
showland: true,
subunitcolor: "#C8D4E3",
},
hoverlabel: {
align: "left",
font: {
family: "Arial, Helvetica, sans-serif",
size: 14,
},
},
hovermode: "x",
mapbox: {
style: "light",
},
paper_bgcolor: "#FFFFFF",
plot_bgcolor: "#FFFFFF",
polar: {
angularaxis: {
gridcolor: "#EBF0F8",
linecolor: "#EBF0F8",
ticks: "",
},
bgcolor: "white",
radialaxis: {
gridcolor: "#EBF0F8",
linecolor: "#EBF0F8",
ticks: "",
},
},
scene: {
xaxis: {
backgroundcolor: "white",
gridcolor: "#DFE8F3",
gridwidth: 2,
linecolor: "#EBF0F8",
showbackground: true,
ticks: "",
zerolinecolor: "#EBF0F8",
},
yaxis: {
backgroundcolor: "white",
gridcolor: "#DFE8F3",
gridwidth: 2,
linecolor: "#EBF0F8",
showbackground: true,
ticks: "",
zerolinecolor: "#EBF0F8",
},
zaxis: {
backgroundcolor: "white",
gridcolor: "#DFE8F3",
gridwidth: 2,
linecolor: "#EBF0F8",
showbackground: true,
ticks: "",
zerolinecolor: "#EBF0F8",
},
},
shapedefaults: {
line: {
color: "#2a3f5f",
},
},
ternary: {
aaxis: {
gridcolor: "#DFE8F3",
linecolor: "#A2B1C6",
ticks: "",
},
baxis: {
gridcolor: "#DFE8F3",
linecolor: "#A2B1C6",
ticks: "",
},
bgcolor: "white",
caxis: {
gridcolor: "#DFE8F3",
linecolor: "#A2B1C6",
ticks: "",
},
},
title: {
x: 0.05,
},
xaxis: {
automargin: true,
autorange: true,
rangeslider: {
visible: false
},
showgrid: true,
showline: true,
tickfont: {
family: "Arial, Helvetica, sans-serif",
size: 14,
},
zeroline: false,
tick0: 1,
title: {
standoff: 20,
font: {
family: "Arial, Helvetica, sans-serif",
size: 16,
},
},
gridcolor: "#283442",
linecolor: "#A9A9A9",
mirror: true,
ticks: "outside"
},
yaxis: {
anchor: "x",
automargin: true,
fixedrange: false,
zeroline: false,
showgrid: true,
showline: true,
side: "right",
tick0: 0.5,
tickfont: {
family: "Arial, Helvetica, sans-serif",
size: 14,
},
title: {
standoff: 20,
font: {
family: "Arial, Helvetica, sans-serif",
size: 16,
},
},
gridcolor: "rgba(128, 128, 128, 0.33)",
linecolor: "#A9A9A9",
mirror: true,
ticks: "outside"
},
dragmode: "pan",
legend: {
bgcolor: "rgba(255, 255, 255, 0)",
x: 1,
xanchor: "right",
y: 1.02,
yanchor: "bottom",
font: {
family: "Arial, Helvetica, sans-serif",
size: 14,
},
},
},
};