30:[] 2e:{"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"},{"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"},{"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"},{"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"},{"id":155,"value":"viewof z","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":9,"value":"chileDEM = \"https://s3.amazonaws.com/jashkenas/images/dems/chile.png\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":170,"value":"elevation = 33","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"height = Math.round(width * (3491 / 1000))","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"colorScale = d3\n .scaleSequential(d3[colorScheme])\n .domain(options.includes(\"invert\") ? [255, 10] : [10, 255])","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"blue = d3.color(colorScale(0))","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":11,"value":"import {d3, colorData} with {colorScale, demData, blue} from \"@sahilchinoy/hillshader\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":219,"value":"import {slider, select, checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}