Platform
Resources
Pricing
Sign in
Get started
Chris Ried
Creative Technologist, Data Scientist, Generative Artist (generatecoll)
Workspace
Fork
Public
Creative Coding / Generative Art
By
Chris Ried
Edited
Nov 13, 2022
5 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// Main color
c1
=
get_color
(
)
Insert cell
//Background color
bg
=
get_color
(
)
Insert cell
WIDTH
=
1000
Insert cell
HEIGHT
=
1000
Insert cell
color_palette
=
[
"#8ecae6"
,
"#219ebc"
,
"#023047"
,
"#ffb703"
,
"#fb8500"
]
//["#220901", "#621708", "#941b0c", "#bc3908", "#f6aa1c"]
//["#5f0f40", "#9a031e", "#fb8b24", "#e36414", "#0f4c5c"]
Insert cell
get_color
=
(
)
=>
{
var
rand
=
color_palette
[
(
Math
.
random
(
)
*
color_palette
.
length
)
|
0
]
;
return
rand
;
}
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
frm
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
rects
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
circle
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
c1
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
bg
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
WIDTH
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
HEIGHT
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
color_palette
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
get_color
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML