2b:null 2c:["$","title",null,{"children":"Image gallary | Chuncheng | Observable"}] 31:[{"id":"5af64ef86e7e25699464a1ee0a1c00f359e6e62e25593a90553e5ba336c65b683b859cbd22b1d2ac94a38f146d0b574212de1f6ba21211c920391784004d0c2a","href":"https://static.observableusercontent.com/files/5af64ef86e7e25699464a1ee0a1c00f359e6e62e25593a90553e5ba336c65b683b859cbd22b1d2ac94a38f146d0b574212de1f6ba21211c920391784004d0c2a","name":"simpledesktops.com19.png","type":"image/png","lastModified":1725282889523.847,"size":278638},{"id":"2bcd78cf0f81fe5fd0918af7f225acb8fdd030b74bcbc9863d6c018449e1ace526c1924323b1436a99df6d91fc4ae52d8b27bb8c77dd515c04b81733cda8cae3","href":"https://static.observableusercontent.com/files/2bcd78cf0f81fe5fd0918af7f225acb8fdd030b74bcbc9863d6c018449e1ace526c1924323b1436a99df6d91fc4ae52d8b27bb8c77dd515c04b81733cda8cae3","name":"112234.jpg","type":"image/jpeg","lastModified":1725282889211.205,"size":215423},{"id":"63feb0616e2cdfc1c39f50dc7b32632183c326c55b722e6629b0190e7157f93315a5656c79635ad45aa55067ea558be9d6b7fdd20b80c1663b97e72d92caab54","href":"https://static.observableusercontent.com/files/63feb0616e2cdfc1c39f50dc7b32632183c326c55b722e6629b0190e7157f93315a5656c79635ad45aa55067ea558be9d6b7fdd20b80c1663b97e72d92caab54","name":"wallhaven-8oev1j.jpg","type":"image/jpeg","lastModified":1725282889979.305,"size":981719},{"id":"62e0bdbfee1ba390fd48e2d14c717705f452171f8e264c398546d9c89d916eca9ac37c51c2fdd9139698929684e1ea097398b381822b8882eb42144a6404d544","href":"https://static.observableusercontent.com/files/62e0bdbfee1ba390fd48e2d14c717705f452171f8e264c398546d9c89d916eca9ac37c51c2fdd9139698929684e1ea097398b381822b8882eb42144a6404d544","name":"goshavanq.jpg","type":"image/jpeg","lastModified":1725282891126.073,"size":1948708},{"id":"e8994bef7e9094e6b863c3045bb7141cfc2c88f4e492c44b3e504358ff4d421d74bff6d55349f54476c0d9653ba9a4c432294f15b5c5f0c5bcddd6751665eea9","href":"https://static.observableusercontent.com/files/e8994bef7e9094e6b863c3045bb7141cfc2c88f4e492c44b3e504358ff4d421d74bff6d55349f54476c0d9653ba9a4c432294f15b5c5f0c5bcddd6751665eea9","name":"DT86.jpg","type":"image/jpeg","lastModified":1725282891594.243,"size":2724035},{"id":"d844c42d361234a7b9222a27a0a7c7168c0e96a7d542caaa94ce7eb048a639e4e0ede81f9715155d6f7901a970f87761b83b3e99f63c4459f40ca7f7b860a2a7","href":"https://static.observableusercontent.com/files/d844c42d361234a7b9222a27a0a7c7168c0e96a7d542caaa94ce7eb048a639e4e0ede81f9715155d6f7901a970f87761b83b3e99f63c4459f40ca7f7b860a2a7","name":"mountain_stream_3-wallpaper-3840x2160.jpg","type":"image/jpeg","lastModified":1725282892876.859,"size":3206896},{"id":"a36f3a68ff678db49eb8da7294aefbc6407bca2ba79f0d095de0755a3e61263d9d31be6f0d851428d59752184616ce58b196ee8dc7c3a3aa3ecb2a995ade1902","href":"https://static.observableusercontent.com/files/a36f3a68ff678db49eb8da7294aefbc6407bca2ba79f0d095de0755a3e61263d9d31be6f0d851428d59752184616ce58b196ee8dc7c3a3aa3ecb2a995ade1902","name":"forza_motorsport_11-wallpaper-3840x2160.jpg","type":"image/jpeg","lastModified":1725282890636.85,"size":1662801}] 2f:{"id":"1471ff3fb0392851","slug":"image-resource","title":"Image gallary","thumbnail":"9d52d8d041fd4d4904be0e59dac2ce179b7cdfe997447c21981d2286a2ff3c1b","access_level":"public","create_time":"$D2024-09-02T13:09:52.605Z","update_time":"$D2024-09-02T15:15:49.482Z","view_time":null,"first_public_time":"$D2024-09-02T13:21:53.281Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"bcd65cef1cb4d2ed","login":"listenzcc","name":"Chuncheng","avatar_url":"https://avatars-next.observableusercontent.com/bb3c68e77a708a587ffc2d663bb83421f20d67991dbe6c1623c6e5d2fb73d15e","tier":"starter_2024"},"version":324,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"16328058352682a8","login":"listenzcc","name":"Chuncheng","avatar_url":"https://avatars-next.observableusercontent.com/bb3c68e77a708a587ffc2d663bb83421f20d67991dbe6c1623c6e5d2fb73d15e","tier":null}],"members":[{"type":"individual","id":"16328058352682a8","login":"listenzcc","name":"Chuncheng","avatar_url":"https://avatars-next.observableusercontent.com/bb3c68e77a708a587ffc2d663bb83421f20d67991dbe6c1623c6e5d2fb73d15e","tier":null,"role":"editor"},{"type":"team","id":"bcd65cef1cb4d2ed","login":"listenzcc","name":"Chuncheng","avatar_url":"https://avatars-next.observableusercontent.com/bb3c68e77a708a587ffc2d663bb83421f20d67991dbe6c1623c6e5d2fb73d15e","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"7a45dd6dd319bddb","slug":"selection","title":"Image Selection","owner":{"id":"bcd65cef1cb4d2ed","login":"listenzcc","name":"Chuncheng"}},"type":"notebook","body":{"title":"Image gallary","cells":[{"id":0,"value":"# Image gallary","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":129,"value":"## Image Filter","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":304,"value":"viewof imageFilter = Inputs.select(\n [\n \"drop-shadow(2px 4px 6px gray)\",\n \"none\",\n \"blur(2px)\",\n \"invert(1)\",\n \"saturate(0.5)\",\n \"sepia(1)\",\n \"grayscale(1)\"\n ],\n {\n label: \"Image filter\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"mkImageGallaryHTML()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"mkImageGallaryHTML = () => {\n let margin = 10, // pixels\n cols = 4,\n d = new Date(),\n w = (width - margin * 2 * cols) / cols, // pixels\n srcs = images.map((d) => {\n let { url, contents } = d,\n spans = contents.map(\n (c, i) =>\n htl.html`${\n i === 0 ? \"|\" : \"\"\n } ${title(c)} | `\n );\n\n return htl.html`\n

${spans}

`;\n });\n\n return htl.html`\n

Images with filter: ${imageFilter}

\n${srcs}\n

\n`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"title = (s) => s[0].toUpperCase() + s.slice(1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"mainStyle = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"style = ({\n mainStyle\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"contentsColormap = {\n let contents = [];\n images.map(({ contents: cs }) => cs.map((c) => contents.push(c)));\n contents = [...new Set(contents)].sort();\n\n let colormap = {};\n contents.map((d, i) => (colormap[d] = colors[i % colors.length]));\n\n return colormap;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"colors = d3.schemeTableau10","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"\n## Image files","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":36,"value":"images = {\n let images = [\n untitled112234,\n DT86,\n forzaMotorsport11,\n goshavanq,\n mountainStream3,\n simpledesktopsCom19,\n wallhaven8oev1j\n ];\n\n return images;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"images","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"untitled112234 = {\n let url = await FileAttachment(\"112234.jpg\").url(),\n contents = [\"blue\", \"light\", \"moon\", \"cloud\"];\n return { url, contents };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"DT86 = {\n let url = await FileAttachment(\"DT86.jpg\").url(),\n contents = [\"blue\", \"light\", \"moon\", \"cloud\"];\n return { url, contents };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"forzaMotorsport11 = {\n let url = await FileAttachment(\n \"forza_motorsport_11-wallpaper-3840x2160.jpg\"\n ).url(),\n contents = [\"car\", \"light\", \"city\"];\n return { url, contents };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"goshavanq = {\n let url = await FileAttachment(\"goshavanq.jpg\").url(),\n contents = [\"misty\", \"mountain\", \"forest\"];\n return { url, contents };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"mountainStream3 = {\n let url = await FileAttachment(\n \"mountain_stream_3-wallpaper-3840x2160.jpg\"\n ).url(),\n contents = [\"river\", \"mountain\", \"cloud\"];\n return { url, contents };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"simpledesktopsCom19 = {\n let url = await FileAttachment(\"simpledesktops.com19.png\").url(),\n contents = [\"mountain\", \"cartoon\"];\n return { url, contents };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"wallhaven8oev1j = {\n let url = await FileAttachment(\"wallhaven-8oev1j.jpg\").url(),\n contents = [\"cartoon\", \"jinja\", \"mountain\", \"forest\"];\n return { url, contents };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"