31:[{"id":"e524a9cc78d4a8e8101d015670822dc4cf34e3ca132e70ff15b4ca1bfb5d95984118a7f99590799c7bd5052baab8eb8b67a41350eb1b96860ce8e497ff2eac4f","href":"https://static.observableusercontent.com/files/e524a9cc78d4a8e8101d015670822dc4cf34e3ca132e70ff15b4ca1bfb5d95984118a7f99590799c7bd5052baab8eb8b67a41350eb1b96860ce8e497ff2eac4f","name":"refa_2022-05-12.csv","type":"text/csv","lastModified":1652344034604.826,"size":2309548},{"id":"de2d952b8118ffe95a9e2b8d98e70e9aac349422ef35c8c39894d50966b91ef4e9878e61480515a8f609f224bf644d9ad25454846e7cd204239b8a9d8570208c","href":"https://static.observableusercontent.com/files/de2d952b8118ffe95a9e2b8d98e70e9aac349422ef35c8c39894d50966b91ef4e9878e61480515a8f609f224bf644d9ad25454846e7cd204239b8a9d8570208c","name":"CSV-20221214-131722.csv","type":"text/csv","lastModified":1671023877165.899,"size":467654}] 2f:{"title":"ReFa Flip Artworks","cells":[{"id":0,"value":"# ReFa Flip Artworks","pinned":false,"hidden":false,"mode":"md"},{"id":167,"value":"This notebook shows the back of paintings and miniatures from UCLAB's Restaging Fashion project. Hovering the mouse over an image displays the front.","pinned":false,"hidden":false,"mode":"md"},{"id":191,"value":"viewof shuffle = Inputs.button(\"Shuffle\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"chart = {\n const div = html`

`;\n\n d3.select(div)\n .attr(\"class\", \"card-container\")\n .style(\"display\", \"inline-block\")\n .style(\"font-size\", \"0px\")\n .style(\"line-height\", \"0px\")\n .style(\"text-align\", \"center\");\n\n random.forEach((d) => {\n div.innerHTML += `\n

`;\n });\n\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":48,"value":"csv = FileAttachment(\"CSV-20221214-131722.csv\").csv();","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"data = {\n return csv\n .filter((d) => d[\"o:media[source]\"].includes(\"verso\") && !d[\"o:media[source]\"].includes(\"Karteiweiss\"))\n .map((d) => {\n let media = d[\"o:media[source]\"].split(\" | \");\n let url = d[\"o:media[file]\"].split(\" | \");\n\n let front, verso;\n media.forEach((e, i) => {\n if (e.includes(\"-cropped-\")) {\n front = url[i].replace(\"/original/\", \"/medium/\").replace(\"refa\",\"refa-catalog\");\n }\n if (e.includes(\"verso\")) {\n verso = url[i].replace(\"/original/\", \"/medium/\").replace(\"refa\",\"refa-catalog\");\n }\n });\n\n return {\n id: d[\"o:id\"],\n verso: verso,\n front: front\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":199,"value":"random = {\n shuffle;\n return d3.shuffle(data).slice(0, imageNr);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"viewof imageNr = Inputs.range([1, data.length], {value: 40, step: 1, label: \"Number of images to show\"})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}