Generative artist, sharing my journey in visual experiments.
w = width
h = w / 188 * 118
svg`<svg width="${w}" height="${h}">
<rect width="${w}" height="${h}" fill="none" stroke="blue" />
<g transform="translate(${w/2}, ${h/2})">
${array(h / 2 - 50 | 0).map(i => {
i += 20
return `<path transform="rotate(${random(720)})"
stroke="black"
fill="none"
d="M ${(i + 1) * 2} 0 A ${(i + 1) * 2} ${(i + 1) * 2} 0 0 1 -${(i + 1) * 2} 0"
/>`
}).join('\n')}
</g>
</svg>`
import { PVector, Polygon, array, random, coin } from '@makio135/utilities'
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.
