The avatar for @cdr6934
Chris Ried
Creative Technologist, Data Scientist, Generative Artist (generatecoll)
Public
Creative Coding / Generative Art
Edited
Nov 13, 2022
5 stars
Creative Coding / Generative Art
Getting to know canvas (A Tutorial)(Day 1 of 30) Implementing Noise in Vanilla Javascript(Day 2 of 30) Implementing SimplexNoise in Vanilla Javascript(Day 3 of 30) Canvas and Copilot Experiments in Vanilla Javascript(Day 4 of 30) Plain Squares in Vanilla Javascript(Day 5 of 30) Playing with Images in Vanilla Javascript(Day 6 of 30) Drawing Pictures with Custom Pixels in Vanilla Javascript
(Day 7 of 30) Building Spirals in Vanilla Javascript
(Day 8 of 30) Seamless Patterns in P5.js
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.
Learn more