28:null 29:["$","title",null,{"children":"Building Art Tools | Interactive Info Vis | Observable"}] 2e:[{"id":"12dc88963a319d12b5a031c5224c3c38c17a49980ae3e44efc911ca79d868a84cf197f189cdc9262abb8456e6f44be6fb4c78b614c13c77bd231e4d2e5c3a4b4","href":"https://static.observableusercontent.com/files/12dc88963a319d12b5a031c5224c3c38c17a49980ae3e44efc911ca79d868a84cf197f189cdc9262abb8456e6f44be6fb4c78b614c13c77bd231e4d2e5c3a4b4","name":"art_diagram.png","type":"image/png","lastModified":1606923806506.736,"size":88463},{"id":"0b2c5840535ae56edfc91f917d61336d373372b59b655746a78d361b1dfda8112ac6f8ee39e6e296112c0a2bfa864e331fdba462975c33abe283de10038cbc5d","href":"https://static.observableusercontent.com/files/0b2c5840535ae56edfc91f917d61336d373372b59b655746a78d361b1dfda8112ac6f8ee39e6e296112c0a2bfa864e331fdba462975c33abe283de10038cbc5d","name":"pen_plotting.png","type":"image/png","lastModified":1606923806506.736,"size":5947818},{"id":"c5e08815fc6af6a75faf741948dab6de73e95d13a0a7d37dac4fc7fa04807b781972d26dd2e14ad9c3a25efe4db0ec77606a9f9e32042e1c8178577d1e63f775","href":"https://static.observableusercontent.com/files/c5e08815fc6af6a75faf741948dab6de73e95d13a0a7d37dac4fc7fa04807b781972d26dd2e14ad9c3a25efe4db0ec77606a9f9e32042e1c8178577d1e63f775","name":"triangulate.png","type":"image/png","lastModified":1606923806506.736,"size":1613048},{"id":"87afd198f568645c6e352d6a9f41e8683479868af053addb6aa37a1a411c11d3f56724ea4798d6fd68cd1878af5d0ec680b4d47178a98ade8e488eed048ae9e4","href":"https://static.observableusercontent.com/files/87afd198f568645c6e352d6a9f41e8683479868af053addb6aa37a1a411c11d3f56724ea4798d6fd68cd1878af5d0ec680b4d47178a98ade8e488eed048ae9e4","name":"ihme_img.png","type":"image/png","lastModified":1606923806506.736,"size":966731},{"id":"ed7cff7ea632718dc3cbeac4ba3242d3f0b60e8c61c9543eebf50ecc27430f6cdc73a636374e1ac2022ceedf968f6bfe49468661b6492bc665aee7a320034abf","href":"https://static.observableusercontent.com/files/ed7cff7ea632718dc3cbeac4ba3242d3f0b60e8c61c9543eebf50ecc27430f6cdc73a636374e1ac2022ceedf968f6bfe49468661b6492bc665aee7a320034abf","name":"iSchoolPrimary_RGB_Purple.svg","type":"image/svg+xml","lastModified":1606923806506.736,"size":15169}] 2c:{"id":"4b0eb9911a0f22d2","slug":"building-art-tools","title":"Building Art Tools","thumbnail":"f93f6f14b20b7f7ff64f97bc302ea3c577e70847af86e7c080821a9c87127495","access_level":"public","create_time":"$D2020-12-02T15:43:26.506Z","update_time":"$D2020-12-02T21:48:09.445Z","view_time":null,"first_public_time":"$D2020-12-02T16:01:23.553Z","has_unpublished_edits":null,"fork":{"id":"8502acbbcf1cd931","slug":"part-1-overview","title":"Part 1: Overview","owner":{"id":"5a7641f443a5ac2c","login":"mkfreeman","name":"Mike Freeman"}},"stars":7,"starred":false,"owner":{"type":"team","id":"82cd20deb9e45d2a","login":"uw-info474","name":"Interactive Info Vis","avatar_url":"https://avatars-next.observableusercontent.com/0f696394de7ab5e2cd50dd2e1dd79af08077f3f74024d007b8a5af8b9d01a473","tier":"education_2026"},"version":182,"publish_version":182,"role":null,"authored":false,"authors":[{"type":"individual","id":"49edaef976412aba","login":"mkfreeman","name":"Mike Freeman","avatar_url":"https://avatars-next.observableusercontent.com/c41d269cc7b9f5bea7adf2ca109c2b20486a5af02a59df0b162b2fbb33b44a17","tier":null}],"members":[{"type":"individual","id":"49edaef976412aba","login":"mkfreeman","name":"Mike Freeman","avatar_url":"https://avatars-next.observableusercontent.com/c41d269cc7b9f5bea7adf2ca109c2b20486a5af02a59df0b162b2fbb33b44a17","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"e5925f0af885d1d7","slug":"generative-art","title":"generative-art","owner":{"id":"82cd20deb9e45d2a","login":"uw-info474","name":"Interactive Info Vis"}},"type":"notebook","body":{"title":"Building Art Tools","cells":[{"id":0,"value":"md`# Building Art Tools`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"html`To navigate this Notebook as slides, click the ... icon in the upper right hand part of the page, select View in Fullscreen ${fullscreen_icon}, then use your arrow keys ← → to move through the content!\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"slide.md(\"intro\")`\n# Building Generative Art Tools\nMichael Freeman
\n@mf_viz\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"slide.html(\"feature\")`\n ${displayImage(triangulate_logo, (width * 9) / 16 - 50)}\n

Generative Art Projects: Triangulate

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"slide.html(\"feature\")`\n ${displayImage(pen_plotting_logo, (width * 9) / 16 - 50)}\n

Pen Plotting

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"slide.md(\"intro\")`\n# Generative Art Tools\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"slide.md(\"callout\")`\n# Generative art systems are functions that accept user inputs and generate a single output (art).\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"slide.html(\"feature\")`\n ${displayImage(art_diagram, (width * 9) / 16 - 50)}\n

Generative Art Systems

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"slide.html(\"feature\")`\n ${displayImage(\n \"https://computationalcreativity.net/tutorials/buildingarttools-iccc20/imgs/molnar.jpg\",\n (width * 9) / 16 - 50\n )}\n

Structure de Quadrilatères, 1986. Vera Molnár

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"quads = html`

${Object.assign(\n html`