📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
Published
Edited
Mar 3, 2022
1 star
generateRandomHexColor = () =>
`#${Math.floor(Math.random() * 0xffffff).toString(16)}`;
color = {
yield generateRandomHexColor()
}
out = html`${myTable()}`
myTable = () => {
let output = `<table >${renderRow(12)}</table>`
return output
}
renderRow = (rows) => {
let out = ``
for(let i = 0; i < rows; i++){
out = `${out} <tr>${renderCell(12)}</tr>`
}
return out
}
renderCell = (cells) => {
let out = ``;
for(let i = 0; i < cells; i++){
let color = generateRandomHexColor()
out = `${out} <td style="background-color:${color}">${color}</td>`;
}
return out;
}
<style>
td{
padding: 6px;
}
td {
border: 1px solid black;
}
</style>
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.
