2b:null 2c:["$","title",null,{"children":"DALL·E: Samples 1.9.1 | Gabriel Goh | Observable"}] 31:T445,viewof rotating_head_image_prompt = { const slider = DOM.range(0,19, 1); slider.style.padding = "5px" slider.className="col-4 col-sm-3 col-md-2.4" slider.style.backgroundColor = "#fff"; const div = document.createElement('div'); const hashes = ['4067644836','2478216160','1462984046','2368261777','3863942860','3073151450','780445568','669871378','1961112743','1388181288','3871538323','1179079096','780590228','2474028134','554884212','1948649604','2933492915','1242915554','1466991449','2198444360'] const image = html`

` div.appendChild(image); div.appendChild(slider); div.appendChild(document.createElement('br')); div.oninput = () => { div.value = slider.value; image.src = `https://cdn.openai.com/dall-e/v2/image_prompts/${hashes[slider.value]}.png`; image.style.display = 'none' image.style.display = 'block'} div.oninput(); return div; };32:T4a1,viewof rotating_mirror_image_prompt = { const slider = DOM.range(0,19, 1); slider.style.padding = "5px" slider.className="col-4 col-sm-3 col-md-2.4" const div = document.createElement('div'); const hashes = ['3692294057','2206640957','3455973924','1526093036','4008499879','2433512330','3578913124','1448921883','1713503090','1985806136','39634473','1254905888','3325834540','1582680897','208537097','1044707771','2409465596','1822003580','709459336','2839598972','1607052629','2453201871','3247400296','1081278535','3242189816','3667162808','179411103','3924037635','286888521','3867603297'] const image = html`

' }, { value: 'cat photo 2', label: '

' }, { value: 'cat photo 3', label: '

' }, { value: 'cat photo 4', label: '

' }, { value: 'dog photo 1', label: '

' }, { value: 'dog photo 2', label: '

' }, { value: 'dog photo 3', label: '

' }, { value: 'dog photo 4', label: '

' }, ], value: 'cat photo 1'})34:T4c5,viewof im2im_object_image_prompt = radio( {options: [ { value: 'teapot photo 1', label: '

' }, { value: 'teapot photo 2', label: '

' }, { value: 'teapot photo 3', label: '

' }, { value: 'teapot photo 4', label: '

' }, { value: 'teapot photo 5', label: '

' }, { value: 'teapot photo 6', label: '

' }, { value: 'teapot photo 7', label: '

' }, ], value: 'teapot photo 1'})35:T4f9,function radio(config = {}) { let { value: formValue, title, description, submit, options, disabled } = Array.isArray(config) ? { options: config } : config; options = options.map(o => typeof o === "string" ? { value: o, label: o } : o ); const form = input({ type: "radio", title, description, submit, getValue: input => { if (input.checked) return input.value; const checked = Array.prototype.find.call(input, radio => radio.checked); return checked ? checked.value : undefined; }, form: html` ` }); form.output.remove(); return form; }36:T9c3, function genSentence (data, ignoreList, f) { if (f === undefined) { f = (x,y) => y } // Stable global variable var selected = data['variable_info'].map( (x) => x.default ) var selected_old = data['variable_info'].map( (x) => x.default ) function sentence(caption) { var output_div = html`

` function handleEventChangeGenerator(varnum){ function handleEventChange(value) { selected_old = [...selected] selected[varnum] = value selected = f(selected_old, selected) console.log(selected) var selection = getSelection(data, selected) const newdiv = sentence(selection.text, data) output_div.removeChild(output_div.firstChild); output_div.append(newdiv) } return handleEventChange } var splits = parseString(caption) var spans = [] for (var i = 0; i < splits.length; i++) { if (typeof(splits[i]) == typeof([])) { if (ignoreList === undefined || ignoreList.indexOf(splits[i][0]) == -1) { var inputfield = html`` var dropdown = generateInput(data['variable_info'][splits[i][0]].values, handleEventChangeGenerator(splits[i][0]), selected[splits[i][0]]) var shadowText = html`${splits[i][1]}` document.body.appendChild(shadowText); console.log(document.readyState) var width = shadowText.offsetWidth console.log(width) document.body.removeChild(document.body.lastChild) inputfield.append(dropdown) inputfield.append(shadowText) dropdown.style.width = (width) + "px" spans.push(inputfield) } else { spans.push(html` … `) } } else { spans.push(html`${splits[i]}`) } } output_div.value = f(selected_old, selected) output_div.append(html`${spans}`) // console.log(selected) // handleEventChangeGenerator(0)(selected[0]) // handleEventChangeGenerator(1)(selected[1]) return output_div } // setTimeout(() => { // sentence(getSelection(data, selected).text) // }, 500); // add delay on first input so width is correct console.log(selected) return sentence(getSelection(data, selected).text) } 37:[] 2f:{"id":"30778fda21a08329","slug":null,"title":"DALL·E: Samples 1.9.1","thumbnail":"936ea761855862afea6e430d08927fd1c9a5005de689b078c392288a06482c50","access_level":"unlisted","create_time":"$D2021-01-05T13:55:04.820Z","update_time":"$D2021-01-11T01:12:13.039Z","view_time":null,"first_public_time":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"8e48faa9f63bc558","login":"ggoh","name":"Gabriel Goh","avatar_url":"https://avatars-next.observableusercontent.com/117aa599ab721bfe0d3e326f8e9cc7f0f345df20e0ad59371fe0100622cd01f3","tier":"starter_2024"},"version":1083,"publish_version":1083,"role":null,"authored":false,"authors":[{"type":"individual","id":"c05b8219adf34d73","login":"ggoh","name":"Gabriel Goh","avatar_url":"https://avatars-next.observableusercontent.com/117aa599ab721bfe0d3e326f8e9cc7f0f345df20e0ad59371fe0100622cd01f3","tier":null}],"members":[{"type":"individual","id":"c05b8219adf34d73","login":"ggoh","name":"Gabriel Goh","avatar_url":"https://avatars-next.observableusercontent.com/117aa599ab721bfe0d3e326f8e9cc7f0f345df20e0ad59371fe0100622cd01f3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"DALL·E: Samples 1.9.1","cells":[{"id":0,"value":"md`# DALL·E: Samples 1.9.1`\n// \"v1\" of all image cells, using default grid\n// use final data\n// 1.8.3 -> move data to separate variables from 1.8.2 so don't have to wait for all JSONs to load\n// 1.9.1 -> adjust \"expanded view sstyles\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":815,"value":"base_url_new = \"https://cdn.openai.com/dall-e/v2/metadata_zip/\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1035,"value":"base_url_old = \"https://oaiaramesh.blob.core.windows.net/public/dall_e_blog_assets_v3/metadata/\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1020,"value":"use_old = false","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"data_shape = await read(base_url_new + \"shape.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"data_material = await read(base_url_new + \"material.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"data_multiple_copies = await read(base_url_new + \"multiple_copies.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"data_relative_positions = await read(base_url_new + \"relative_positions.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"data_stacking_snap = await read(base_url_new + \"stacking_snap.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"data_multiple_attributes = await read(base_url_new + \"multiple_attributes.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"data_camera_angles = await read(base_url_new + \"camera_angles.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"data_three_d_views = await read(base_url_new + \"three_d_views.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"data_rotating_head = await read(base_url_new + \"rotating_head.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"data_rotating_mirror = await read(base_url_new + \"rotating_mirror.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"data_cross_sections = await read(base_url_new + \"cross_sections.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"data_macro_photos = await read(base_url_new + \"macro_photos.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"data_location_and_setting = await read(base_url_new + \"location_and_setting.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":529,"value":"data_text_rendering = await read(base_url_new + \"text_rendering_fixed.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"data_unusual_media = await read(base_url_new + \"unusual_media.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"data_male_fashion_design = await read(base_url_new + \"male_fashion_design.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":536,"value":"data_female_fashion_design = await read(base_url_new + \"female_fashion_design.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"data_living_room_design = await read(base_url_new + \"living_room_design.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"data_bedroom_design = await read(base_url_new + \"bedroom_design.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"data_animal_concept_transfer = await read(base_url_new + \"animal_concept_transfer.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"data_product_design = await read(base_url_new + \"product_design.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"data_emojis = await read(base_url_new + \"emojis.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"data_animal_chimeras = await read( (use_old ? base_url_old : base_url_new) + \"animal_chimeras.json\" )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"data_anthropomorphism = await read( (use_old ? base_url_old : base_url_new) + \"anthropomorphism.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"data_im2im_animal = await read( (use_old ? base_url_old : base_url_new) + \"im2im_animal.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"data_im2im_object = await read( (use_old ? base_url_old : base_url_new) + \"im2im_object.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"data_rpm = await read((use_old ? base_url_old : base_url_new) + \"rpm.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"data_countries = await read((use_old ? base_url_old : base_url_new) + \"countries.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"data_neighborhood = await read((use_old ? base_url_old : base_url_new) + \"neighborhood.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"data_landmarks = await read((use_old ? base_url_old : base_url_new) + \"landmarks.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"data_timelines = await read((use_old ? base_url_old : base_url_new) + \"timelines.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"md`---\n### Prompts & Samples`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"viewof shape = genSentence(data_shape)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"shape_images = genSamples(data_shape, shape)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"viewof material = genSentence(data_material)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"material_images = genSamples(data_material, material)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"viewof multiple_copies = genSentence(data_multiple_copies)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"multiple_copies_images = genSamples(data_multiple_copies, multiple_copies)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"viewof relative_positions = genSentence(data_relative_positions)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"relative_positions_images = genSamples(data_relative_positions, relative_positions)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"viewof stacking_snap = genSentence(data_stacking_snap)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"stacking_snap_images = genSamples(data_stacking_snap, stacking_snap)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"viewof multiple_attributes = genSentence(data_multiple_attributes)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"multiple_attributes_images = genSamples(data_multiple_attributes, multiple_attributes)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"viewof camera_angles = genSentence(data_camera_angles)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"camera_angles_images = genSamples(data_camera_angles, camera_angles)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"viewof three_d_views = genSentence(data_three_d_views)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"three_d_views_images = genSamples(data_three_d_views, three_d_views)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"viewof rotating_head = genSentence(data_rotating_head)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"rotating_head_images = genSamples(data_rotating_head, rotating_head, {\"img\": ['2035712981',\n '1002541306',\n '1847531104',\n '4215554967',\n '3456093728',\n '3713116019',\n '3187578696',\n '1286651391',\n '3030930756',\n '2050372691',\n '2823126151',\n '3747387838',\n '2020827539',\n '1046988703',\n '688396116',\n '23229486',\n '3412247566',\n '864398953',\n '3146628081',\n '3286204557'][rotating_head_image_prompt]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"viewof rotating_mirror = genSentence(data_rotating_mirror)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"rotating_mirror_images = genSamples(data_rotating_mirror, rotating_mirror, {\"img\": ['3692294057','2206640957','3455973924','1526093036','4008499879','2433512330','3578913124','1448921883','1713503090','1985806136','39634473','1254905888','3325834540','1582680897','208537097','1044707771','2409465596','1822003580','709459336','2839598972','1607052629','2453201871','3247400296','1081278535','3242189816','3667162808','179411103','3924037635','286888521','3867603297'][rotating_mirror_image_prompt], \"start_at\": \"7,12\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"viewof cross_sections = genSentence(data_cross_sections)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"cross_sections_images = genSamples(data_cross_sections, cross_sections)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"viewof macro_photos = genSentence(data_macro_photos)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"macro_photos_images = genSamples(data_macro_photos, macro_photos)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"viewof location_and_setting = genSentence(data_location_and_setting, [3])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"location_and_setting_images = genSamplesExpandOne(data_location_and_setting, location_and_setting, 3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"viewof unusual_media = genSentence(data_unusual_media)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"unusual_media_images = genSamples(data_unusual_media, unusual_media)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"viewof text_rendering = genSentence(data_text_rendering)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":552,"value":"text_rendering_images = genSamples(data_text_rendering, text_rendering)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":555,"value":"viewof male_fashion_design = genSentence(data_male_fashion_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"male_fashion_design_images = genSamples(data_male_fashion_design, male_fashion_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"viewof female_fashion_design = genSentence(data_female_fashion_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"female_fashion_design_images = genSamples(data_female_fashion_design, female_fashion_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"viewof living_room_design = genSentence(data_living_room_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"living_room_design_images = genSamples(data_living_room_design, living_room_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"viewof bedroom_design = genSentence(data_bedroom_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"bedroom_design_images = genSamples(data_bedroom_design, bedroom_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"viewof animal_concept_transfer = genSentence(data_animal_concept_transfer)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"animal_concept_transfer_images = genSamples(data_animal_concept_transfer, animal_concept_transfer)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"viewof product_design = genSentence(data_product_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"product_design_images = genSamples(data_product_design, product_design)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"viewof emojis = genSentence(data_emojis)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"emojis_images = genSamples(data_emojis, emojis)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"viewof animal_chimeras = genSentence(data_animal_chimeras, [], (x,y) => {\n if (y[0] == y[1]) {\n if (x[0] == y[0]) {\n // Second variable changed\n y[0] = x[1]\n return y\n } else {\n // First variable changed\n y[1] = x[0]\n return y\n }\n }\n return y\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"animal_chimeras_images = genSamples(data_animal_chimeras, animal_chimeras)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"viewof anthropomorphism = genSentence(data_anthropomorphism)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"anthropomorphism_images = genSamples(data_anthropomorphism, anthropomorphism)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"viewof im2im_animal = genSentence(patch(data_im2im_animal))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":886,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"im2im_animal_images = genSamples(data_im2im_animal, im2im_animal.slice(0,-1).concat(im2im_animal_image_prompt))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"viewof im2im_object = genSentence(patch(data_im2im_object))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"im2im_object_images = genSamples(data_im2im_object, im2im_object.slice(0,-1).concat(im2im_object_image_prompt))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"viewof rpm = genSentence(data_rpm)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":989,"value":"viewof rpm_image_prompt = {\n const slider = DOM.select([\"Set B\", \"Set C\", \"Set D\", \"Set E\"]);\n const checkbox = html` Inverted`\n\n slider.style.padding = \"5px\"\n slider.style.color = \"white\"\n slider.className=\"col-4 col-sm-3 col-md-2.4\"\n \n const div = document.createElement('div');\n const image = html`

`\n div.appendChild(image);\n\n div.appendChild(slider);\n console.log(checkbox.children[0].value)\n div.appendChild(checkbox)\n div.appendChild(document.createElement('br'));\n div.oninput = () => { div.value = slider.value + (checkbox.children[0].checked ? \", inverted\" : \"\"); \n image.style.display = 'none'\n image.style.display = 'block'}\n div.oninput();\n\n return div;\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"rpm_images = genSamples(data_rpm, [rpm_image_prompt], {}, 12)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"viewof countries = genSentence(data_countries)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"countries_images = genSamples(data_countries, countries)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"viewof neighborhood = genSentence(data_neighborhood)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":421,"value":"data_neighborhood","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"neighborhood_images = genSamples(data_neighborhood, neighborhood)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"viewof landmarks = genSentence(data_landmarks)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":692,"value":"viewof landmarks_image_prompt = radio( {options: [\n { value: '1912582415', label: '

\"' },\n { value: '2289043295', label: '

\"' },\n { value: '2506491173', label: '

\"' },\n { value: '212439734', label: '

\"' },\n { value: '3339706252', label: '

\"' } \n],\n value: '1912582415'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"landmarks_images = genSamples(data_landmarks, landmarks, {'img':landmarks_image_prompt})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"viewof timelines = genSentence(data_timelines, [1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"viewof timelines_image_prompt = radio( {options: [\n { value: '2681635441', label: '

\"' },\n { value: '338731534', label: '

\"' },\n { value: '2458257777', label: '

\"' },\n { value: '453324362', label: '

\"' }\n ],\n value: '338731534'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"timelines_images = genSamplesExpandOne(data_timelines, timelines, 1, {\"img\": timelines_image_prompt, \"start_at\": \"2,0\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1006,"value":"data_clip = await read(\"https://cdn.openai.com/dall-e/v2/metadata/clip.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1009,"value":"viewof clip = genSentence(data_clip, [1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1014,"value":"clip_images = genSamplesExpandOne8(data_clip, clip, 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`---\n### Functions`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1017,"value":"function genSamplesExpandOne8(data, prompt, i, options) {\n var images = getDefaultSamplesExpand(data, prompt, i, options)\n var samples_wrap = d3.create(\"div\")\n samples_wrap.attr(\"class\", \"de-samples\")\n var samples_row = samples_wrap.append(\"div\").attr(\"class\", \"row\").selectAll(\"div\")\n .data(images)\n .join(\"div\")\n .attr(\"class\", \"small-copy col-4 col-sm-3 col-md-2.4\")\n samples_row.append(\"div\")\n .html(url => `${url[0]}`)\n for (var i = 0; i < 8; i++) {\n samples_row.append(\"div\")\n .style(\"background-image\", url => `url(${url[1][i]})`)\n .attr(\"class\", \"de-sample bg-cover bg-fg-2 aspect-1/1\")\n }\n return samples_wrap.node()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"import {input} from \"@jashkenas/inputs\"\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":939,"value":"function patch(data) {\n data = JSON.parse(JSON.stringify(data))\n for (var i = 0; i < data.completion_info.length; i++) {\n data.completion_info[i].text = data.completion_info[i].text.split(\"[\")[0]\n }\n return data\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":625,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"function read(url) {\n return fetch(url).then((response) => response.json())\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"function getOptions(completion){\n var keys = Object.keys(completion.completions[0])\n keys.splice(keys.indexOf(\"image_url_prefix\"),1)\n var keysDict = {}\n for (var i = 0; i < keys.length; i++) {\n keysDict[keys[i]] = [] \n }\n \n for (var j = 0; j < keys.length; j++) {\n for (var i = 0; i < completion.completions.length; i++) {\n var option = completion.completions[i][keys[j]]\n if (Array.isArray(option)) {\n option = option.toString()\n }\n keysDict[keys[j]].push(option)\n }\n keysDict[keys[j]] = Array.from(new Set(keysDict[keys[j]])).sort()\n }\n return keysDict \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"function filterOpt(completion, options){\n for (var i = 0; i < completion.completions.length; i++) {\n var match = true\n for (var key in options) {\n match = match && (options[key] == completion.completions[i][key])\n }\n if (match) {\n return completion.completions[i] \n }\n } \n return []\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"function genSamplesExpandOptions(data, prompt, optionsArray, options) {\n \n var images = []\n for (var i = 0; i < optionsArray[1].length; i++) {\n var opt = {...options}\n opt[optionsArray[0]] = optionsArray[1][i] \n var urlOpt = toURLs(data, filterOpt(getSelection(data, prompt), opt))\n images.push([optionsArray[1][i], urlOpt])\n }\n \n var samples_wrap = d3.create(\"div\")\n samples_wrap.attr(\"class\", \"de-samples\")\n var samples_row = samples_wrap.append(\"div\").attr(\"class\", \"row\").selectAll(\"div\")\n .data(images)\n .join(\"div\")\n .attr(\"class\", \"col-4 col-sm-3 col-md-2.4\")\n\n var samples_row_row = samples_row.append(\"div\")\n for (var i = 0; i < 4; i++) {\n samples_row_row.append(\"div\")\n .style(\"background-image\", url => `url(${url[1][i]})`)\n .attr(\"class\", \"de-sample bg-cover bg-fg-2 aspect-1/1\")\n }\n return samples_wrap.node()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"function genSamplesExpandOne(data, prompt, i, options) {\n var images = getDefaultSamplesExpand(data, prompt, i, options)\n var samples_wrap = d3.create(\"div\")\n samples_wrap.attr(\"class\", \"de-samples\")\n var samples_row = samples_wrap.append(\"div\").attr(\"class\", \"row\").selectAll(\"div\")\n .data(images)\n .join(\"div\")\n .attr(\"class\", \"small-copy line-height-1.3 col-4 col-sm-3 col-md-2.4 mb-0.75 mt-n0.125\")\n \n var samples_row_inner = samples_row.append(\"div\").attr(\"class\", \"h-100 d-flex flex-column justify-content-end\")\n\n samples_row_inner.append(\"div\")\n .html(url => `${url[0]}`).attr(\"class\", \"mb-1/12\")\n \n var samples_row_images = samples_row_inner.append(\"div\")\n \n for (var i = 0; i < 2; i++) {\n samples_row_images.append(\"div\")\n .style(\"background-image\", url => `url(${url[1][i]})`)\n .attr(\"class\", \"de-sample bg-cover bg-fg-2 aspect-1/1\")\n }\n return samples_wrap.node()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"function genSamples(data, prompt, options, n) {\n var images = toURLs(data, filterOpt(getSelection(data, prompt), options)).slice(0,n)\n \n var samples_wrap = d3.create(\"div\")\n samples_wrap.attr(\"class\", \"de-samples\")\n var samples_row = samples_wrap.append(\"div\").attr(\"class\", \"row\").selectAll(\"div\")\n .data(images)\n .join(\"div\")\n .attr(\"class\", (d, i) => (i >= 30)\n ? \"col-4 col-sm-3 col-md-2.4 d-none d-sm-block d-md-none\"\n : \"col-4 col-sm-3 col-md-2.4\")\n\n samples_row.append(\"div\")\n .style(\"background-image\", url => `url(${url})`)\n .attr(\"class\", \"de-sample bg-cover bg-fg-2 aspect-1/1\")\n\n return samples_wrap.node()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"n = 32 // number of images by default","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"function toURLs(data, completions, i) {\n if (i === undefined) {\n i = n\n }\n return d3.range(n).map((i) => data.base_image_url + \"/\" + completions.image_url_prefix + \"_\" + i + \".png\")\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"function getDefaultSamplesExpand(data, prompt, i, options) {\n function replace(x, i, xi) {\n var x = [...x]\n x[i] = xi\n return x\n }\n return data.variable_info[i].values.map( (x) => { \n return [x, toURLs(data, filterOpt(getSelection(data, replace(prompt, i, x)), options )) ]\n } )\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"function generateInput (vars, callback, selection) {\n let options = [];\n vars.forEach(function (v) {\n options.push(``)\n });\n const input = html`\n\n`;\n const inputWrap = html`\n

\n${input}\n

\n`;\n \n input.oninput = (event) => {\n callback(input.value)\n }\n \n return inputWrap;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"function getSelection(data, selected) {\n console.log(data, selected)\n // slow, but fast enough ...\n for (var i = 0; i < data['completion_info'].length; i++) {\n if (arrayMatch(selected, data['completion_info'][i][\"variable_assignments\"]) ){\n return data['completion_info'][i]\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"function arrayEquals(a, b) {\n return Array.isArray(a) &&\n Array.isArray(b) &&\n a.length === b.length &&\n a.every((val, index) => val === b[index]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"function parseString(caption) {\n var match = caption.matchAll(/\\{[0-9]:[^\\}]+\\}/g)\n var match = [...match]\n var cursor = 0\n var captionSplit = []\n for (var i = 0; i < match.length; i++) {\n const end = match[i].index + match[i][0].length\n captionSplit.push(caption.slice(cursor, match[i].index))\n var var_value = caption.slice(match[i].index+1, end-1).split(\":\")\n captionSplit.push([parseInt(var_value[0]),var_value[1]])\n cursor = end\n }\n captionSplit.push(caption.slice(cursor, caption.length))\n return captionSplit\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"function arrayMatch(arr1, arr2) {\n\n\t// Check if the arrays are the same length\n\tif (arr1.length !== arr2.length) return false;\n\n\t// Check if all items exist and are in the same order\n\tfor (var i = 0; i < arr1.length; i++) {\n\t\tif (arr1[i] !== arr2[i]) return false;\n\t}\n\n\t// Otherwise, return true\n\treturn true;\n\n};","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"md`---\n### Requires`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"import {select, slider} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"openaicss = {\n return html``\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"inlinecss = {\n return html``\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 30:"$2f:body"