2e:null 2f:["$","title",null,{"children":"Hillshading Chile | Jeremy Ashkenas | Observable"}] 34:[] 32:{"id":"451010469f2f2829","slug":"hillshading-chile","title":"Hillshading Chile","thumbnail":"6ef0203b04d50a21964c2c79e694f16bde11d8f28944e1700d51cf7647b6fe55","access_level":"public","create_time":"$D2019-03-11T23:13:18.828Z","update_time":"$D2019-03-12T01:09:53.527Z","view_time":null,"first_public_time":"$D2019-03-12T00:20:23.640Z","has_unpublished_edits":null,"fork":{"id":"6a212968df3aad72","slug":"hillshading-the-grand-canyon","title":"Hillshading the Grand Canyon","owner":{"id":"172cc08ef8a18a4b","login":"jashkenas","name":"Jeremy Ashkenas"}},"stars":4,"starred":false,"owner":{"type":"team","id":"172cc08ef8a18a4b","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":"starter_2024"},"version":322,"publish_version":322,"role":null,"authored":false,"authors":[{"type":"individual","id":"783616ba9fb55f5d","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":null}],"members":[{"type":"individual","id":"783616ba9fb55f5d","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Hillshading Chile","cells":[{"id":0,"value":"md`# Hillshading Chile\n\n\n*And boy, does Chile have lots of hills to shade!
\nSource: [viewfinderpanoramas.org](http://viewfinderpanoramas.org/dem3.html)
\nRefs: [@sahilchinoy’s](https://observablehq.com/@sahilchinoy) [Hillshader](https://observablehq.com/@sahilchinoy/hillshader), [A faster hillshader](https://observablehq.com/@sahilchinoy/a-faster-hillshader), and [Multidirectional hillshader](https://observablehq.com/@sahilchinoy/multidirectional-hillshader)\n*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"viewof options = checkbox({\n options: [\n { value: \"color\", label: \"Color?\" },\n { value: \"invert\", label: \"Invert colors\" }\n ],\n value: [\"color\", \"invert\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"viewof colorOpacity = slider({\n description: \"Color opacity\",\n min: 0,\n max: 100,\n step: 5,\n value: 65,\n display: d => `${d}%`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"viewof colorScheme = select({\n options: [\n \"interpolateSpectral\",\n \"interpolateMagma\",\n \"interpolateInferno\",\n \"interpolatePlasma\",\n \"interpolateViridis\",\n \"interpolateRainbow\",\n \"interpolateSinebow\",\n \"interpolateRdYlBu\",\n \"interpolateYlOrRd\",\n \"interpolateBuGn\",\n \"interpolateYlGn\",\n \"interpolateRdPu\"\n ],\n description: \"Color scheme\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"viewof z","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"html`\n\n

\n ${\n options.includes(\"color\")\n ? html`

${drawMap(\n colorData\n )}

`\n : ``\n }\n

${drawMap(\n hillshader(demData, azimuth, elevation, alg, z)\n )}

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"chileDEM = \"https://s3.amazonaws.com/jashkenas/images/dems/chile.png\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"elevation = 33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"height = Math.round(width * (3491 / 1000))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"colorScale = d3\n .scaleSequential(d3[colorScheme])\n .domain(options.includes(\"invert\") ? [255, 10] : [10, 255])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"blue = d3.color(colorScale(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"import {hillshader, drawMap, demData, viewof alg, viewof azimuth, viewof z} with {width,height, elevation, chileDEM as molokai} from '@sahilchinoy/a-faster-hillshader'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"import {d3, colorData} with {colorScale, demData, blue} from \"@sahilchinoy/hillshader\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"import {slider, select, checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"