Platform
Resources
Pricing
Sign in
Get started
ObeyMyGH
Workspace
Fork
Published
By
ObeyMyGH
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.
Try it for free
Learn more
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ral
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
col
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ralvalue
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
byName
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sect1
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
xControl
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
StolbWeNeed
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ZaglWeNeed
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
PlankaWeNeed
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
fr
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
rama
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ralprof
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
x
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
img
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sparkbar
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
color
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
fix2
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
fix
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
heights
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
profile
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
halfprofile
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
STolbData
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dsd
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML