2b:null 2c:["$","title",null,{"children":"Brick colors | Anders | Observable"}] 31:[{"id":"66c85f3b6a44b8de7cbb80dcc7a9dd6ff14f4f8ffc516fbf9426779d218e86f16b43e3c62043711cf25a699cabb02fb9ac7275e31a4721e41277331088a52f68","href":"https://static.observableusercontent.com/files/66c85f3b6a44b8de7cbb80dcc7a9dd6ff14f4f8ffc516fbf9426779d218e86f16b43e3c62043711cf25a699cabb02fb9ac7275e31a4721e41277331088a52f68","name":"colors_by_theme_id@1.json","type":"application/json","lastModified":1616328433454.954,"size":347133},{"id":"194db69d9514214cd1b665ba3ea0643f996c41ed6fdb39dfb2a2b57951ac01ac0dbebf390ea7264426dc7b0ec54fb3bd1ec5a3639527bcee0d5f91d71824b808","href":"https://static.observableusercontent.com/files/194db69d9514214cd1b665ba3ea0643f996c41ed6fdb39dfb2a2b57951ac01ac0dbebf390ea7264426dc7b0ec54fb3bd1ec5a3639527bcee0d5f91d71824b808","name":"themes.json","type":"application/json","lastModified":1616326898184.503,"size":27874},{"id":"2ef4f8d9cf3882542bd0435a04d4fd6d0218a0ffcaa77fe05ec7bf6764cd2ffc711f6a39b58bbebb56966ae31b3b09204a3f345dc814d19dc43a6a38d4d57680","href":"https://static.observableusercontent.com/files/2ef4f8d9cf3882542bd0435a04d4fd6d0218a0ffcaa77fe05ec7bf6764cd2ffc711f6a39b58bbebb56966ae31b3b09204a3f345dc814d19dc43a6a38d4d57680","name":"colors_by_year.json","type":"application/json","lastModified":1616326741593.817,"size":62217}] 2f:{"id":"d386c836e4152bd1","slug":"brick-colors","title":"Brick colors","thumbnail":"80402ecfca836c5e3709f7c6c772c37a90862bf73e4cba258fd0b4c8c4e06f64","access_level":"public","create_time":"$D2021-03-21T11:38:50.507Z","update_time":"$D2021-03-21T16:47:12.759Z","view_time":null,"first_public_time":"$D2021-03-21T12:50:39.852Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"185626bcadc26005","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":"starter_2024"},"version":162,"publish_version":162,"role":null,"authored":false,"authors":[{"type":"individual","id":"37cf327f614a460d","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":null}],"members":[{"type":"individual","id":"37cf327f614a460d","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Brick colors","cells":[{"id":0,"value":"md`# Brick colors\n\nColors used in Lego sets by theme and by year\n\nData source: [rebrickable.com](https://rebrickable.com/downloads/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":140,"value":"html`\n

${year}

\n ${renderColors(byYear.find(d => d.year === year)?.colors || [])}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":115,"value":"md`## By theme`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":58,"value":"renderThemes(themeTree)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":50,"value":"md`## By year`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":43,"value":"html`\n

\n ${byYear.map(({ year, colors }) =>\n html`\n

${year}

\n ${renderColors(colors)}\n

\n ` \n )}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":53,"value":"renderThemes = themes => {\n const withoutChildren = theme =>\n theme.colors.length === 0\n ? html``\n : html`\n

${theme.name}

\n ${renderColors(theme.colors)}\n

\n `\n \n const withChildren = theme =>\n html`\n

\n ${theme.name}\n

\n ${theme.children.map(renderTheme)}\n

\n `\n function renderTheme (theme) {\n if (theme.children.length === 0 && theme.colors.length === 0) {\n return html``\n }\n return theme.children.length === 0\n ? withoutChildren(theme)\n : withChildren(theme)\n }\n \n \n return html`\n

\n ${themes.map(renderTheme)}\n

\n `\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":41,"value":"renderColors = colors =>\n svg`\n \n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"byYear = (await FileAttachment('colors_by_year.json').json())\n .map(d => ({\n ...d,\n colors: sortByHue(d.colors.map(c => ({ ...c, rgb: `#${c.rgb}` }))),\n }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"byTheme = (await FileAttachment('colors_by_theme_id@1.json').json())\n .map(d => ({\n ...d,\n colors: d.colors.map(c => ({ ...c, rgb: `#${c.rgb}` })),\n }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"themes = FileAttachment('themes.json').json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"themeTree = {\n const root = themes.filter(d => d.parent_id === 0)\n const addChildren = theme => ({\n ...theme,\n colors: sortByHue(byTheme.find(d => d.theme_id === theme.id)?.colors || []),\n children: sortThemes(getChildren(theme).map(addChildren)),\n })\n \n const rootThemes = root.map(addChildren)\n return [\n ...sortThemes(rootThemes.filter(d => d.children.length !== 0)),\n {\n name: 'Other themes',\n colors: [],\n children: sortThemes(rootThemes.filter(d => d.children.length === 0)),\n }\n ]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":90,"value":"sortThemes = themes => themes\n .sort((a, b) => a.name > b.name ? 1 : -1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"getChildren = theme => themes.filter(d => d.parent_id === theme.id)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":24,"value":"getHue = color => tinycolor(color).toHsv().h","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"sortByHue = arr => {\n const total = Array.from(arr).map(d => d.sum).reduce((a, b) => a + b, 0)\n return arr\n .map(d => ({ ...d, hue: getHue(d.rgb), part: 100 / total * d.sum, }))\n .sort((a, b) => a.hue > b.hue ? 1 : -1)\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":22,"value":"tinycolor = require('tinycolor2')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":134,"value":"year = {\n let year = 1953\n while (true) {\n if (year > 2021) { year = 1953 }\n else { year = year + 0.05 }\n yield Math.round(year)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"