Published
Edited
May 27, 2022
2 forks
Importers
Insert cell
Insert cell
mutable ral = "1"
Insert cell
mutable col = byName[ral].hex
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
ralprof = (await fetch("https://izabor.com/fullral.json")).json()
Insert cell
mutable x = 25
Insert cell
function img(src) {
return (x) => htl.html`<img style="height:120px; width:120px;"
src="${src}" class="rounded m-1">
`;
}
Insert cell
function sparkbar(hex) {
return (x) => htl.html`<div style="height:20px; width:20px;
background: ${x[0].replace("FF", "")}" class="rounded p-1">${" "}</div>
`;
}
Insert cell
color = STolbData.map(function (item, i, arr) {
return item.color;
}).filter(function (value, index, self) {
return self.indexOf(value) === index;
})
Insert cell
fix2 = STolbData.map(function (item, i, arr) {
return item.fix2;
}).filter(function (value, index, self) {
return self.indexOf(value) === index;
})
Insert cell
fix = STolbData.map(function (item, i, arr) {
return item.fix;
}).filter(function (value, index, self) {
return self.indexOf(value) === index;
})
Insert cell
heights = STolbData.map(function (item, i, arr) {
return item.height;
}).filter(function (value, index, self) {
return self.indexOf(value) === index;
})
Insert cell
profile = STolbData.map(function (item, i, arr) {
return item.profile;
}).filter(function (value, index, self) {
return self.indexOf(value) === index;
})
Insert cell
halfprofile = STolbData.map(function (item, i, arr) {
return item.halfprofile;
}).filter(function (value, index, self) {
return self.indexOf(value) === index;
})
Insert cell
STolbData = (
await fetch("https://izabor.com/actual_json2/stlb2Price.json")
).json()
Insert cell
dsd = html`<link rel='stylesheet'
href='https://izabor.com/css/w3.css' />
<link rel="stylesheet" href="https://izabor.com/bootstrap/5.0.0b/css/bootstrap.min.css">`
Insert cell
/*Inputs.table(STolbData, {
columns: ["Arr", "Name"],
format: {
Arr: sparkbar(d3.max(STolbData, (d) => d.Name)),
Name: img(d3.max(STolbData, (d) => d.fsrcnoHnew))

// Arr: sparkbar((x) => x[0].replace("FF", ""))
}
})*/
Insert cell
import { BABYLON } from "@obeymy/rabiza"
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more