| CARVIEW |
Select Language
HTTP/2 200
accept-ranges: bytes
access-control-allow-origin: *
age: 0
cache-control: max-age=600
content-encoding: gzip
content-type: text/html; charset=utf-8
date: Wed, 30 Jul 2025 21:13:13 GMT
etag: W/"687e6266-7516"
expires: Wed, 30 Jul 2025 21:23:13 GMT
last-modified: Mon, 21 Jul 2025 15:53:10 GMT
server: Vercel
strict-transport-security: max-age=63072000
vary: Accept-Encoding
via: 1.1 varnish
x-cache: MISS
x-cache-hits: 0
x-fastly-request-id: 413260ddb7e3d651d06929e5f70402bcdd2f0e21
x-github-request-id: D15D:4ED44:3324:4799:688A8AE6
x-origin-cache: HIT
x-proxy-cache: MISS
x-robots-tag: index
x-served-by: cache-bom-vanm7210060-BOM
x-timer: S1753909993.906100,VS0,VE217
x-vercel-cache: MISS
x-vercel-id: bom1::jjrzb-1753909992881-5c1932917a3f
content-length: 8022
Colorway in JavaScript
Colorway in JavaScript
How to use colorway to set default trace colors in JavaScript with Plotly.
Plotly Studio: Transform any dataset into an interactive data application in minutes with AI. Sign up for early access now.
function linspace(a,b,n) {
return d3.range(n).map(function(i){return a+i*(b-a)/(n-1);});
}
const parabolaGen = (a, b) =>
x => x*x*a + b;
var as = linspace(1, 3, 7);
var bs = linspace(2, 14, 7);
var x = linspace(-1, 3, 50);
var data = [];
for (i=0; i< as.length; i++ ){
data.push({
type: "scatter",
mode: "lines",
x: x,
y: x.map(parabolaGen(as[i],bs[i]))
})
}
var layout = {
colorway : ['#f3cec9', '#e7a4b6', '#cd7eaf', '#a262a9', '#6f4d96', '#3d3b72', '#182844']
};
Plotly.newPlot('myDiv', data, layout);