27:null 28:["$","title",null,{"children":"Dialed-In Chart Selector | inanimatedObjects | Observable"}] 2d:T46a,snowfallByMonth = Plot.plot({ grid: true, width: width, facet: { data: palisades, y: (d) => d3.timeMonth() }, // x: { axis: null }, color: { type: "diverging-symlog", scheme: "RdYlBu", legend: true }, y: { tickFormat: "s", grid: true }, marks: [ Plot.frame(), Plot.rectY( palisades, Plot.binX( // { y: "sum" }, // { // x: "datetime", // y: "snow", // stroke: "#111", // fill: (d) => d.datetime.getUTCMonth(), // thresholds: d3.timeMonth, // insetLeft: 1, // insetRight: 1 // } // { fill: "sum" }, { y: "sum" }, { //x: (d) => d.datetime.getUTCDate(), x: "datetime", y: "snow", //x: (d) => d.datetime.getUTCMonth(), // y: (d) => d.datetime.getUTCDate(), // fill: "snow", fill: (d) => d.datetime.getUTCMonth(), thresholds: d3.timeMonth, title: "snow", // inset: 0.5, insetLeft: 1, insetRight: 1 } ) ) ] })2e:T4ff,snowfallByWinterMonth = Plot.plot({ grid: true, width: width, facet: { data: palisadesWinters, y: (d) => d3.timeMonth() }, // x: { axis: null }, color: { type: "categorical", scheme: "RdYlBu", legend: true }, // fx: { // tickFormat: Plot.formatMonth() // }, // facet: { // data: dataByMonth, // x: (d) => d.date.getUTCMonth() // }, y: { tickFormat: "s", grid: true }, marks: [ Plot.frame(), Plot.rectY( palisadesWinters, Plot.binX( // { y: "sum" }, // { // x: "datetime", // y: "snow", // stroke: "#111", // fill: (d) => d.datetime.getUTCMonth(), // thresholds: d3.timeMonth, // insetLeft: 1, // insetRight: 1 // } // { fill: "sum" }, { y: "sum" }, { //x: (d) => d.datetime.getUTCDate(), x: "datetime", y: "snow", //x: (d) => d.datetime.getUTCMonth(), // y: (d) => d.datetime.getUTCDate(), // fill: "snow", fill: (d) => d.datetime.getUTCMonth(), thresholds: d3.timeMonth, title: "snow", // inset: 0.5, insetLeft: 1, insetRight: 1 } ) ) ] })2f:[{"id":"327ec41c00b861dc186aba47475b7c884baa091f7463ddb2934ec11a5d1416c1fa08fc7a672c2c905bfb4b2c1f98eb1130374d587ef55e50a6a5682317e83a86","href":"https://static.observableusercontent.com/files/327ec41c00b861dc186aba47475b7c884baa091f7463ddb2934ec11a5d1416c1fa08fc7a672c2c905bfb4b2c1f98eb1130374d587ef55e50a6a5682317e83a86","name":"palisadesSY25-winter__withOpsData.csv","type":"text/csv","lastModified":1748082305480.886,"size":89893},{"id":"e7b68dda6bd9200f8fdb6f4d4a7ed67de0ae8e8d20d32ff9b0a18475db7962b28394b5a3b738e425936bab9c7e922b081a77826563950194c4196acff2fc7e53","href":"https://static.observableusercontent.com/files/e7b68dda6bd9200f8fdb6f4d4a7ed67de0ae8e8d20d32ff9b0a18475db7962b28394b5a3b738e425936bab9c7e922b081a77826563950194c4196acff2fc7e53","name":"palisades__39.1855,-120.2574 2015-07-01 to 2025-05-01.csv","type":"text/csv","lastModified":1748083059294.157,"size":1094571},{"id":"7435bb6d9ffd05cd3c3f484a70bebab259897254cba51eb5a9c5692bc7f8605c8c2c2474e61a85ce1de72704bac10abdcac7c6d6085c7983b774aeec47b74ab3","href":"https://static.observableusercontent.com/files/7435bb6d9ffd05cd3c3f484a70bebab259897254cba51eb5a9c5692bc7f8605c8c2c2474e61a85ce1de72704bac10abdcac7c6d6085c7983b774aeec47b74ab3","name":"palisades__39.1855, -120.2574 2020-07-01 to 2025-05-02__wintersOnly.csv","type":"text/csv","lastModified":1748083073727.85,"size":284155}] 2b:{"id":"4cfdc988492ab833","slug":null,"title":"Dialed-In Chart Selector","thumbnail":"f787d6f08fdd8372800d75afd718b8cb112bef1182b7fef8829ad938c925a16d","access_level":"public","create_time":"$D2025-05-18T01:10:39.505Z","update_time":"$D2025-07-02T04:17:40.331Z","view_time":null,"first_public_time":"$D2025-06-11T21:46:36.264Z","has_unpublished_edits":null,"fork":{"id":"0df78b70d6175a23","slug":"multi-button-select","title":"Multi Button Select","owner":{"id":"7a7f7153be8c10cd","login":"biomotivate","name":"B"}},"stars":0,"starred":false,"owner":{"type":"team","id":"3bbc91b184894216","login":"inanimated","name":"inanimatedObjects","avatar_url":"https://avatars-next.observableusercontent.com/89f123aa4c34e9a1c3453e22063931486d006c00ce79eefb5974e51e869f0cb8","tier":"starter_2024"},"version":209,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b92cff3813c066cd","login":"inanimated","name":"inanimatedObjects","avatar_url":"https://avatars-next.observableusercontent.com/89f123aa4c34e9a1c3453e22063931486d006c00ce79eefb5974e51e869f0cb8","tier":null}],"members":[{"type":"team","id":"3bbc91b184894216","login":"inanimated","name":"inanimatedObjects","avatar_url":"https://avatars-next.observableusercontent.com/89f123aa4c34e9a1c3453e22063931486d006c00ce79eefb5974e51e869f0cb8","tier":"starter_2024","role":"editor"},{"type":"individual","id":"b92cff3813c066cd","login":"inanimated","name":"inanimatedObjects","avatar_url":"https://avatars-next.observableusercontent.com/89f123aa4c34e9a1c3453e22063931486d006c00ce79eefb5974e51e869f0cb8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Dialed-In Chart Selector","cells":[{"id":8,"value":"md`# Dialed-In Chart Selector`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"seasonSnowfall = 25 * 7","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"

Select Chart

\n${Result}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"html`

\nResult: ${Result} \n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"// Example\nviewof Result = multiButtonSelect({\n title: \"Week span Selector\",\n description: \"Chose the number of weeks\",\n defaultValue: 1,\n options: [\n { label: \"1 Week\", value: 1 * 7 },\n { label: \"2 Weeks\", value: stackedBar1 },\n { label: \"Winters Only\", value: snowfallByWinterMonth },\n { label: \"Snowfall by Month\", value: snowfallByMonth },\n { label: \"4 Weeks\", value: 4 * 7 }\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"multiButtonSelect = (params) => {\n const title = params.title;\n const description = params.description;\n const options = params.options;\n\n let value = params.defaultValue;\n\n const buttonObjects = options.map((opt) => {\n const button = html``;\n button.onclick = () => (value = opt.value);\n return button;\n });\n\n const view = html`\n \n`;\n\n Object.defineProperty(view, \"value\", {\n get() {\n return value;\n }\n });\n\n return view;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"import { checkbox } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"viewof ch1 = checkbox({\n title: \"Resorts\",\n description: \"Please select the ski resort to view\",\n options: [\n { value: \"palisades\", label: \"Palisades\" },\n { value: \"lottearai\", label: \"Lotte Arai\" },\n { value: \"niseko\", label: \"Niseko Annupuri\" },\n { value: \"sunvalley\", label: \"Sun Valley\" },\n { value: \"jacksonhole\", label: \"Jackson Hole\" },\n { value: \"avoriaz\", label: \"Avoriaz\" },\n { value: \"whistler\", label: \"Whistler\" },\n { value: \"aspen\", label: \"Aspen\" },\n { value: \"snowsummit\", label: \"Snow Summit\" },\n { value: \"zermatt\", label: \"Zermat\" },\n { value: \"banff\", label: \"Banff\" },\n { value: \"chamonix\", label: \"Chamonix\" },\n\n { value: \"snowbird\", label: \"Snowbird\" },\n { value: \"revelstoke\", label: \"Revelstoke\" }\n ],\n value: [\"palisades\", \"whistler\"],\n submit: false\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"stackedBar = html`

\nweather chart \n${snowfallByMonth}\n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"stackedBar1 = snowfallByMonth","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"dataByMonth = [...dataByMonthMap.values()]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"dataByMonthMap = d3.rollup(\n palisades,\n (v) => ({\n datetime: d3.utcMonth.floor(v[0].datetime),\n temp: d3.mean(v, (d) => d.temp),\n // snow: d3.sum(v, (d) => Math.floor(d.snow)),\n snow: d3.sum(v, (d) => d.snow),\n snowMax: d3.max(v, (d) => d.snow),\n tempmin: d3.mean(v, (d) => d.tempmin),\n tempmax: d3.mean(v, (d) => d.tempmax)\n }),\n (d) => d3.utcMonth.floor(d.datetime)\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"palisades2025 = FileAttachment(\"palisadesSY25-winter__withOpsData.csv\").csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"palisadesWinters = FileAttachment(\n \"palisades__39.1855, -120.2574 2020-07-01 to 2025-05-02__wintersOnly.csv\"\n).csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"palisades = FileAttachment(\"palisades__39.1855,-120.2574 2015-07-01 to 2025-05-01.csv\").csv({\n typed: true\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2c:"$2b:body"