31:[{"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}] 2f:{"title":"Building Art Tools","cells":[{"id":0,"value":"md`# Building Art Tools`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":22,"value":"slide.md(\"intro\")`\n# Building Generative Art Tools\nMichael Freeman
\n@mf_viz\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":73,"value":"slide.md(\"intro\")`\n# Generative Art Tools\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"id":125,"value":"quads = html`

${Object.assign(\n html`