2e:null 2f:["$","title",null,{"children":"Brushed Image View Example 2 | Jonathan Helfman | Observable"}] 34:[] 32:{"id":"ae8ea788a08f990a","slug":"brushed-image-view-example-2","title":"Brushed Image View Example 2","thumbnail":"1fb629ea2c01bc0f0b0143a84ab7eb98f369c2de02936863a4868a35ddf6ad78","access_level":"public","create_time":"$D2020-05-03T22:42:47.756Z","update_time":"$D2020-05-23T23:38:53.454Z","view_time":null,"first_public_time":"$D2020-05-03T22:57:00.594Z","has_unpublished_edits":null,"fork":{"id":"23366a12bdbf6e66","slug":"brushed-image-view-example","title":"Brushed Image View Example","owner":{"id":"6c3b7072b5e94b97","login":"jonhelfman","name":"Jonathan Helfman"}},"stars":0,"starred":false,"owner":{"type":"team","id":"6c3b7072b5e94b97","login":"jonhelfman","name":"Jonathan Helfman","avatar_url":"https://avatars-next.observableusercontent.com/a404535763c16060490629d896d876b5b4cea8c603c4993b2aaed749a15b041a","tier":"starter_2024"},"version":98,"publish_version":98,"role":null,"authored":false,"authors":[{"type":"individual","id":"ba5c813f0f621f19","login":"jonhelfman","name":"Jonathan Helfman","avatar_url":"https://avatars-next.observableusercontent.com/a404535763c16060490629d896d876b5b4cea8c603c4993b2aaed749a15b041a","tier":null}],"members":[{"type":"individual","id":"ba5c813f0f621f19","login":"jonhelfman","name":"Jonathan Helfman","avatar_url":"https://avatars-next.observableusercontent.com/a404535763c16060490629d896d876b5b4cea8c603c4993b2aaed749a15b041a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"7df3a3a3dfebab73","slug":"palette-extraction","title":"Palette Extraction","owner":{"id":"6c3b7072b5e94b97","login":"jonhelfman","name":"Jonathan Helfman"}},"type":"notebook","body":{"title":"Brushed Image View Example 2","cells":[{"id":0,"value":"md`# Brushed Image View Example 2\n\nGroups colors with perceptual color index.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"viewof brushedImageInput","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"html`\n \n \n \n \n \n \n \n \n \n \n \n \n \n

${viewof brushedImage}	${selectedPatch}
${circleChart(treemapData, 300, 100)}
${colorTreemap(treemapData, 300, 100)}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"tindex = getTindex(patchPixelIndex, -30)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"treemapData = ({\n name: 'image',\n //children: pindex.map((c, i) => ({name: ''+i, color: c.c, count: c.count}))\n children: tindex\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import { viewof brushedImageInput, viewof brushedImage, patchPixelIndex, patchTreemapData, selectedPatch } from '@jonhelfman/brushed-image-view'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"import { getTindex } from '@jonhelfman/image-chopper-with-index'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"import { circleChart, colorTreemap } from '@jonhelfman/image-chopper-with-index'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"