3e:null 3f:["$","title",null,{"children":"Data Story 3: Seasonal Change | Mitchell Whitelaw | Observable"}] 45:T65d,viewof pickSpecies = Inputs.select(new Map([ ["Eastern Brown Snake",{common:"Eastern Brown Snake",sci: "Pseudonaja textilis",img:"https://upload.wikimedia.org/wikipedia/commons/d/de/Eastern_Brown_Snake_-_Kempsey_NSW.jpg",caption:"Poyt448 Peter Woodard"}], ["Blue-tongued lizard",{common:"Blue-tongued lizard",sci:"Tiliqua scincoides",img:"https://upload.wikimedia.org/wikipedia/commons/e/e7/Tiliqua_scincoides_scincoides.jpg",caption:"JJ Harrison (https://www.jjharrison.com.au/), CC BY-SA 3.0"}], ["Eastern Curlew",{common:"Eastern Curlew", sci:"Numenius madagascariensis",img:"https://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Far_Eastern_Curlew_-_Lake_Wollumboola.jpg/512px-Far_Eastern_Curlew_-_Lake_Wollumboola.jpg", caption: "JJ Harrison, CC BY-SA 3.0" }], ["Echidna",{common: "Echidna" , sci:"Tachyglossus aculeatus",img:"https://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Echidna%2C_Mulligans_Flat_Nature_Reserve%2C_ACT.jpg/512px-Echidna%2C_Mulligans_Flat_Nature_Reserve%2C_ACT.jpg",caption:"Wildlifecartoons, CC BY-SA 4.0"}], ["Golden Wattle",{common:"Golden Wattle",sci:"Acacia pycnantha",img:"https://upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Acacia_pycnantha_kz02.jpg/512px-Acacia_pycnantha_kz02.jpg",caption:"Krzysztof Ziarnek, Kenraiz, CC BY-SA 4.0"}], ["Purple coral pea",{common:"Purple coral pea",sci:"Hardenbergia violacea",img:"https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Hardenbergia_violacea_kz04.jpg/512px-Hardenbergia_violacea_kz04.jpg",caption:"Krzysztof Ziarnek, Kenraiz, CC BY-SA 4.0"}] ]), {label: "Species",format:([key,val])=> `${key} (${val.sci})`})46:T41e,monthWheel = html`

${locMonthObs.map((m,i) => { let t = (Math.PI*2*i/12) - Math.PI/2; let r = 140; let xp = Math.cos(t)*r; let yp = Math.sin(t)*r; let xtp = Math.cos(t)*r*0.55; let ytp = Math.sin(t)*r*0.55; if (!m.obs[monthIdxArray[i]]) return; return html.fragment`

${m.month.substring(0,3)}`; })}

`47:Tc87,wedgeBarChartStatic = async function(data,innerRadius,outerRadius,query,img,caption) { const width = 800; const height = width/2; const arc = d3.arc() .innerRadius(d => y(0)) .outerRadius(d => y(d.count)) .startAngle((d) => x(d.label)) .endAngle((d) => x(d.label) + x.bandwidth()) .padAngle(1.5 / innerRadius) .padRadius(innerRadius); // An angular x-scale const x = d3.scaleBand() .domain(data.map(d => d.label)) .range([0, 2 * Math.PI]) .align(0); // A radial y-scale maintains area proportionality of radial bars const y = d3.scaleRadial() .domain([0, d3.max(data.map(d => d.count))]) .range([innerRadius, outerRadius]); const c = d3.scaleLinear() .domain([0, d3.max(data.map(d => d.count))]) .range("YlGnBu"); const piyg = d3.scaleSequential(d3.interpolateOrRd).domain([0, d3.max(data.map(d => d.count))]) // var samples = null; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "width: ${width}; height: auto; font: 9px sans-serif;"); const graph = svg.append("g") .attr("transform","translate(200,200)") // A group for each series, and a rect for each element in the series graph.append("g") .selectAll() .data(data) .join("path") .attr("d", arc) .attr("fill",(d) => piyg(d.count)) //.style("cursor","pointer") // .on("click",clicked) .append("title") .text(d => `${d.label}: ${d.count} occurrences`); // async function clicked(event,d){ // d3.selectAll("path").style("stroke", "none"); // // console.log(d.label + " " + d.count) // mutable selectSamples = await getObs(query,d.fq,100); // //obs = await getObs(query,d.fq,100); // // chart.value = await getObs(query,d.fq,100); // //console.log(imageSamples); // //event.target.classed("active",true); // d3.select(this).style("stroke", "#8ff"); // } // x axis graph.append("g") .attr("text-anchor", "middle") .attr("fill","#888") .selectAll() .data(x.domain()) .join("g") .attr("transform", d => ` rotate(${((x(d) + x.bandwidth() / 2) * 180 / Math.PI - 90)}) translate(${innerRadius+3},0) `) .call(g => g.append("text") .attr("transform", d => (x(d) + x.bandwidth() / 2 + Math.PI / 2) % (2 * Math.PI) < Math.PI ? "rotate(90)translate(0,16)" : "rotate(-90)translate(0,-9)") .text(d => d.substring(0,3))) graph.append("text") .text(query) .attr("text-anchor","middle") .attr("font-weight","bold") .attr("font-size","12px"); graph.append("text") .text("occurrences by month") .attr("text-anchor","middle") .attr("font-size","10px") .attr("dy",8); let figure = svg.append("g") .attr("transform","translate(450,80)"); figure.append("image") .attr("href",img) .attr("height","240px") .attr("width","200px") figure.append("text") .text(caption) .attr("text-anchor","middle") .attr("dy","255px") .attr("dx","100px") .attr("font-size","10px") return svg.node(); }48:Tac2,wedgeBarChart = function(data,innerRadius,outerRadius,query) { const width = 420; const height = width; const arc = d3.arc() .innerRadius(d => y(0)) .outerRadius(d => y(d.count)) .startAngle((d) => x(d.label)) .endAngle((d) => x(d.label) + x.bandwidth()) .padAngle(1.5 / innerRadius) .padRadius(innerRadius); // An angular x-scale const x = d3.scaleBand() .domain(data.map(d => d.label)) .range([0, 2 * Math.PI]) .align(0); // A radial y-scale maintains area proportionality of radial bars const y = d3.scaleRadial() .domain([0, d3.max(data.map(d => d.count))]) .range([innerRadius, outerRadius]); const c = d3.scaleLinear() .domain([0, d3.max(data.map(d => d.count))]) .range("YlGnBu"); const piyg = d3.scaleSequential(d3.interpolateOrRd).domain([0, d3.max(data.map(d => d.count))]) // var samples = null; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "width: ${width}; height: auto; font: 9px sans-serif;"); // A group for each series, and a rect for each element in the series svg.append("g") .selectAll() .data(data) .join("path") .attr("d", arc) .attr("fill",(d) => piyg(d.count)) .style("cursor","pointer") .on("click",clicked) .append("title") .text(d => `${d.label}: ${d.count} occurrences`); async function clicked(event,d){ d3.selectAll("path").style("stroke", "none"); // console.log(d.label + " " + d.count) mutable selectSamples = await getObs(query,d.fq,100); //obs = await getObs(query,d.fq,100); // chart.value = await getObs(query,d.fq,100); //console.log(imageSamples); //event.target.classed("active",true); d3.select(this).style("stroke", "#8ff"); } // x axis svg.append("g") .attr("text-anchor", "middle") .attr("fill","#888") .selectAll() .data(x.domain()) .join("g") .attr("transform", d => ` rotate(${((x(d) + x.bandwidth() / 2) * 180 / Math.PI - 90)}) translate(${innerRadius+3},0) `) .call(g => g.append("text") .attr("transform", d => (x(d) + x.bandwidth() / 2 + Math.PI / 2) % (2 * Math.PI) < Math.PI ? "rotate(90)translate(0,16)" : "rotate(-90)translate(0,-9)") .text(d => d.substring(0,3))) svg.append("text") .text(query) .attr("text-anchor","middle") .attr("font-weight","bold") .attr("font-size","12px"); svg.append("text") .text("occurrences by month") .attr("text-anchor","middle") .attr("font-size","10px") .attr("dy",8); return svg.node(); }49:Tf30,wedgeBarChartDual = function(data,focusData,innerRadius,outerRadius,query) { const width = 800; const height = 420; const arc = d3.arc() .innerRadius(d => y(0)) .outerRadius(d => y(d.count)) .startAngle((d) => x(d.label)) .endAngle((d) => x(d.label) + x.bandwidth()) .padAngle(1.5 / innerRadius) .padRadius(innerRadius); const focusArc = d3.arc() .innerRadius(d => focus_y(0)) .outerRadius(d => focus_y(d.count)) .startAngle((d) => x(d.label)) .endAngle((d) => x(d.label) + x.bandwidth()) .padAngle(1.5 / innerRadius) .padRadius(innerRadius); // An angular x-scale const x = d3.scaleBand() .domain(data.map(d => d.label)) .range([0, 2 * Math.PI]) .align(0); // A radial y-scale maintains area proportionality of radial bars const y = d3.scaleRadial() .domain([0, d3.max(data.map(d => d.count))]) .range([innerRadius, outerRadius]); const focus_y = d3.scaleRadial() .domain([0, d3.max(focusData.map(d => d.count))]) .range([innerRadius, outerRadius]); const c = d3.scaleLinear() .domain([0, d3.max(data.map(d => d.count))]) .range("YlGnBu"); const piyg = d3.scaleSequential(d3.interpolateOrRd) .domain([0, d3.max(data.map(d => d.count))]) const focus_piyg = d3.scaleSequential(d3.interpolateOrRd) .domain([0, d3.max(focusData.map(d => d.count))]) // var samples = null; const svg = d3.create("svg") .attr("width", width) .attr("height", height) // .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", `width: ${width}; height: auto; font: 9px sans-serif;`); // A group for each series, and a rect for each element in the series let main = svg.append("g") .attr("transform",`translate(${width*0.25},${height/2})`); main.selectAll() .data(data) .join("path") .attr("d", arc) .attr("fill",(d) => piyg(d.count)) .style("cursor","pointer") .on("click",clicked) .append("title") .text(d => `${d.label}: ${d.count} occurrences`); let focus = svg.append("g") .attr("transform",`translate(${width*0.75},${height/2})`); focus.selectAll() .data(focusData) .join("path") .attr("d", focusArc) .attr("fill",(d) => focus_piyg(d.count)) .style("cursor","pointer") .append("title") .text(d => `${d.label}: ${d.count} occurrences`); async function clicked(event,d){ d3.selectAll("path").style("stroke", "none"); // console.log(d.label + " " + d.count) mutable selectSamples = await getObs(query,d.fq,100); mutable sampleMonth = d.label; mutable sampleQuery = query; //obs = await getObs(query,d.fq,100); // chart.value = await getObs(query,d.fq,100); //console.log(imageSamples); //event.target.classed("active",true); d3.select(this).style("stroke", "#8ff"); } function addLabels (group,title){ group.append("g") .attr("text-anchor", "middle") .attr("fill","#888") .selectAll() .data(x.domain()) .join("g") .attr("transform", d => ` rotate(${((x(d) + x.bandwidth() / 2) * 180 / Math.PI - 90)}) translate(${innerRadius+3},0) `) .call(g => g.append("text") .attr("transform", d => (x(d) + x.bandwidth() / 2 + Math.PI / 2) % (2 * Math.PI) < Math.PI ? "rotate(90)translate(0,16)" : "rotate(-90)translate(0,-9)") .text(d => d.substring(0,3))) group.append("text") .text(title) .attr("text-anchor","middle") .attr("font-weight","bold") .attr("font-size","12px"); group.append("text") .text("occurrences by month") .attr("text-anchor","middle") .attr("font-size","10px") .attr("dy",8); } addLabels(main,query) if (focusData.length > 0) addLabels(focus,focusQuery) return svg.node(); }4a:[{"id":"d0ebf15829b7d5250f3b04e64297e7eeeb3c73f4fa5d19be5c4728b0833b56ee96a158f3073704ed9973cd04fb6a2f0b54d50ab4ebb5a4a0145c012c1aac6925","href":"https://static.observableusercontent.com/files/d0ebf15829b7d5250f3b04e64297e7eeeb3c73f4fa5d19be5c4728b0833b56ee96a158f3073704ed9973cd04fb6a2f0b54d50ab4ebb5a4a0145c012c1aac6925","name":"ala-caladenia.json","type":"application/json","lastModified":1693804892667.081,"size":25191691},{"id":"c3e4ead1f8559ab7aa62593215dd577d0d569d482ca79a0109319967fe7be987104773d1d2f1a8a0992896e33b2d318eb49ba4720f5a061ee10d383d032297f5","href":"https://static.observableusercontent.com/files/c3e4ead1f8559ab7aa62593215dd577d0d569d482ca79a0109319967fe7be987104773d1d2f1a8a0992896e33b2d318eb49ba4720f5a061ee10d383d032297f5","name":"ala-swift-parrot-1.json","type":"application/json","lastModified":1693804062576.761,"size":5674583},{"id":"b65de34fb71ad945ee855cdc0d0f28f9ce44b10e7ef2c8cc881cc327e345453278b9b6102d0ae5e2689a6e4892899aff8caa88542e9bf1edb772dcc28827073a","href":"https://static.observableusercontent.com/files/b65de34fb71ad945ee855cdc0d0f28f9ce44b10e7ef2c8cc881cc327e345453278b9b6102d0ae5e2689a6e4892899aff8caa88542e9bf1edb772dcc28827073a","name":"australia.json","type":"application/json","lastModified":1693786928903.7,"size":1129689}] 43:{"id":"21f67a4f2a612847","slug":null,"title":"Data Story 3: Seasonal Change","thumbnail":"c7df9953114f67c70d82190e8dbae24506dacba668fe1657d3dd2734f7dfdb57","access_level":"public","create_time":"$D2023-08-30T06:45:29.163Z","update_time":"$D2023-11-28T02:44:28.617Z","view_time":null,"first_public_time":"$D2023-09-14T00:33:33.886Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"aff35a2a633c89c4","login":"mtchl","name":"Mitchell Whitelaw","avatar_url":"https://avatars-next.observableusercontent.com/52a1b7e44268ad38323892ecffa497a4389484a1d7521eb07575bb99fcadfc56","tier":"starter_2024","bio":"","following":false},"version":799,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"abea9226ca0112c4","login":"mtchl","name":"Mitchell Whitelaw","avatar_url":"https://avatars-next.observableusercontent.com/52a1b7e44268ad38323892ecffa497a4389484a1d7521eb07575bb99fcadfc56","tier":null,"bio":"","following":false},{"type":"individual","id":"ca7537a255944485","login":"rian39","name":"adrian mackenzie","avatar_url":"https://avatars-next.observableusercontent.com/d591db5c2105bfb5a6e1cf19ce3b4485f42c26aa3af6bba82f9c90aa640506a5","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"abea9226ca0112c4","login":"mtchl","name":"Mitchell Whitelaw","avatar_url":"https://avatars-next.observableusercontent.com/52a1b7e44268ad38323892ecffa497a4389484a1d7521eb07575bb99fcadfc56","tier":null,"role":"editor"},{"type":"individual","id":"ca7537a255944485","login":"rian39","name":"adrian mackenzie","avatar_url":"https://avatars-next.observableusercontent.com/d591db5c2105bfb5a6e1cf19ce3b4485f42c26aa3af6bba82f9c90aa640506a5","tier":null,"role":"editor"}],"comments":[{"id":"6559f2fbb89e9e43","reply_to_id":null,"content":"add an image of the sun moth","create_time":"$D2023-09-04T05:00:33.825Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"abea9226ca0112c4","login":"mtchl","name":"Mitchell Whitelaw","avatar_url":"https://avatars-next.observableusercontent.com/52a1b7e44268ad38323892ecffa497a4389484a1d7521eb07575bb99fcadfc56","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"5f52686a44463ec5","slug":"ala-data-story-sketches","title":"ALA Data Stories","owner":{"id":"aff35a2a633c89c4","login":"mtchl","name":"Mitchell Whitelaw"}},"type":"notebook","body":{"titling":"auto","title":"Data Story 3: Seasonal Change","cells":[{"id":0,"value":"# Data Story 3: Seasonal Change","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"The living world is constantly changing. We can see patterns of seasonal change in ALA data by exploring changes in occurrences through the months of the year. Some flowers only appear at a certain time of year. Here's a graph of occurrences of a genus of native orchids, the Caladenia.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"Plot.plot({\n marginLeft:60,\n marginBottom:40,\n width:800,\n x: {domain:[\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"],label: \"Month\"},\n marks: [\n Plot.barY(caladeniaMonths, {x: \"label\", y: \"count\",fill:\"rgb(236, 96, 66)\"})\n ]})\n \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"Is this bar chart the best way to get a sense of change through the year? The seasons form a cycle, caused by the Earth's orbit of the Sun. So how about showing the year as a circular graph?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"wedgeBarChartStatic(caladeniaMonths,100,200,\"genus:Caladenia\",\"https://upload.wikimedia.org/wikipedia/commons/a/aa/Orchid_%27White_Fingers%27_%28Caladenia_catenata%29_-_Flickr_-_Tatters_%E2%9D%80.jpg\",\"Caladenia catenata, by Tatters ❀ CC BY-SA 2.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"Here's the same data shown on a radial graph. We're also using colour to show the number of observations. Hover over a section of the graph to see the number of observations per month.\n\nWe can explore some different species to observe different patterns of seasonality. Some species, like magpies, don't show much variation at all","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":68,"value":"wedgeBarChartStatic(magpieMonths,100,200,\"Magpies\",\"https://upload.wikimedia.org/wikipedia/commons/1/10/Cracticus_tibicen_hypoleuca_male_domain.jpg\",\"JJ Harrison (https://www.jjharrison.com.au/), CC BY-SA 3.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"Some animals only appear for a few months each year, as part of an annual life cycle. The Golden Sun Moth, an endangered moth from the Monaro grasslands, appears only for a couple of months in late spring and early summer.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":80,"value":"wedgeBarChartStatic(sunMothMonths,100,200,\"Golden Sun Moth\",\"https://upload.wikimedia.org/wikipedia/commons/0/0e/Synemon_plana_Westwood_1877.png\",\"Synemon plana, John O. Westwood 1877\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"Exploring different species reveals more reasons for seasonal change, relating both to the habits and behaviour of plants and animals, and the attention of human observers. Select from the list below to investigate:\n- Reptiles like the **Eastern Brown Snake** or **Blue-tongued Lizard** are more active in warmer months, so they are observed more frequently\n- Some plants, like the **Purple Coral Pea** (Hardenbergia) or the **Golden Wattle** also become more noticeable at certain times, often when they flower\n- Migratory species like the **Eastern Curlew** are only present in Australia for a few months of the year\n- Notice that many species show a bump in frequency in January - this is likely an artefact in the data caused by some dates defaulting to 1st January.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":86,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"wedgeBarChartStatic(selectData,100,200,pickSpecies.common,pickSpecies.img,pickSpecies.caption)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":783,"value":"html`

Select species to see their seasonal occurrence patterns

\nClick on the seasonality graph to see samples of recent observations for that month. \n

\n\n

Select a species name in one of the samples to see the seasonal pattern for that species

\n\nStarting with Caladenia orchids, notice which species flower in mid winter, or the heat of summer?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":661,"value":"html`

Explore groups like frogs ( setMonthQuery('Amphibia')}>Amphibia) or reptiles ( setMonthQuery('Reptilia')}>Reptilia), or a migratory family like the setMonthQuery('Scolopacidae')}>Sandpipers. \n

Enter your own query, using common names or scientific names, to explore more widely.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":799,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"viewof monthQuery = Inputs.text({label: \"Species or group\",submit:true,value:\"genus:Caladenia\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"wedgeBarChartDual(queryMonths,mutable focusMonths,90,180,monthQuery, getObs)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"{\n let page = 0\n const imgObs = selectSamples.filter(o => o.smallImageUrl).slice(0,50);\n let viewObs = imgObs; //imgObs.slice(0,10);\n if (viewObs.length == 0) return html`

`;\n return html`

${sampleQuery}, ${sampleMonth}

\n\n ${viewObs.map( i => html.fragment`\n \n `)}\n \n\n${viewObs.map( i => html.fragment`\n \n `)}\n\n\n

${i.smallImageUrl ? html.fragment`

` : html.fragment`

` } \n

\n${i.vernacularName}\n mutable focusQuery = \"'\"+i.scientificName+\"'\"}>${i.scientificName} \n

`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":775,"value":"__Prompts__\n* Try your own query - do you discover any unfamiliar species?\n* What do you notice about the seasonal variations within groups? Are the graphs useful? \n* What role do the observations with images play here? \n\n

Double click the map to set the location. Hover over the images to see the species name

Move the slider to see this change on the map below.

Move the slider to see how this looks across the whole continent.

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":627,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":64,"value":"magpieMonths = getMonthFacets(\"Gymnorhina tibicen\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"caladeniaMonths = getMonthFacets(\"genus:Caladenia\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":677,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":658,"value":"function setMonthQuery(value){\n viewof monthQuery.value = value;\n viewof monthQuery.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":613,"value":"alaCaladenia = FileAttachment(\"ala-caladenia.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"caladeniaDays = alaCaladenia.filter(d => d.eventDate).map(s => {\n let d = new Date(s.eventDate)\n s.doy = dayOfYear(d);\n return s;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"weekAnimateIndex = {\n let i = 0;\n while (true) {\n if (i == 52) i=0\n yield Promises.tick(150, ++i);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":510,"value":"monthIdxArray = {\n let monthIdxArray = [0,0,0,0,0,0,0,0,0,0,0,0]\n let i = 0;\n //yield i;\n while (true) {\n yield Promises.delay(3000).then(() => {\n let r = Math.floor(Math.random()*12);\n monthIdxArray[r]++;\n if (monthIdxArray[r] > locMonthObs[r].length-1) monthIdxArray[r] = 0;\n return monthIdxArray\n });\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":747,"value":"d3.select(monthWheel).select(\"div\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"map = {\n // const container = d3.select(monthWheel).select(\"#mapcontainer\").node();\n const map = L.map(mapcontainer).setView([-28,135], 4);\n map.doubleClickZoom.disable()\n let osmLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png', {\n // attribution: '© OpenStreetMap contributors',\n opacity:0.5\n }).addTo(map);\n let initLoc = [-35.28,149.131];\n\n let m = L.circleMarker([-35.28,149.131],{radius:3,color:\"red\",fillOpacity:1}).addTo(map)\n\n map.on(\"dblclick\",function(ev){\n let mapClickLoc = map.mouseEventToLatLng(ev.originalEvent);\n m.setLatLng(mapClickLoc)\n mutable mapLoc = mapClickLoc\n })\n \n invalidation.then(() => {\n map.remove()\n });\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":398,"value":"mutable mapLoc = Object({lat: -29.440606, lng: 148.44739})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"locMonthFacets = getMonthFacets(`*&lat=${mapLoc.lat}&lon=${mapLoc.lng}&radius=50`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"locMonthObs = {\n let baseQ = `*&lat=${mapLoc.lat}&lon=${mapLoc.lng}&radius=50`\n let stack = locMonthFacets.map(m => getObs(baseQ,m.fq,50))\n let obs = await Promise.all(stack).then((value) => {\n return value.map((r,i) => {return {month: locMonthFacets[i].label, obs:r}});\n })\n return obs\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"mutable focusQuery = \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"mutable sampleMonth = \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"mutable sampleQuery = \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"selectData = getMonthFacets('\"'+pickSpecies.sci+'\"')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"sunMothMonths = getMonthFacets(\"Synemon plana\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"mutable selectSamples = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"queryMonths = getMonthFacets(monthQuery)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"mutable focusMonths = getMonthFacets(focusQuery)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"getObs = async function(_q,_fq,_count){\n var base = 'https://api.ala.org.au/occurrences/occurrences/search?'\n const queryparams ={q:_q,fq:_fq +\"&fq=images:*\",pageSize:_count,sort:\"eventDate\",dir:\"desc\"}\n const paramString = Object.keys(queryparams).map(function(k){ return '&' + k + '=' + queryparams[k]}).join(\"\"); //\n\tvar url = encodeURI(base + paramString);\n // console.log(url)\n const res = await fetch(url);\n const info = await res.json();\n return info.occurrences;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"getMonthFacets = async function(query){\n var q = \"https://biocache-ws.ala.org.au/ws/occurrence/facets?q=\"+query+\"&facets=month&spatiallyValid=true&fsort=index\"\n // console.log(q)\n var eq = encodeURI(q);\n const facets = await fetch(eq)\n const payload = await facets.json();\n if (payload.length == 0) return []; // no facets\n const months = await payload[0].fieldResult;\n\n var monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n monthNames.forEach((m,i) => {\n if (!months.some(o => o.label == m)){\n console.log(\"found missing month\");\n var missingMonth = {label:m,count:0}\n months.splice(i,0,missingMonth); // add a missing month\n }\n })\n return months;\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":568,"value":"swifties = FileAttachment(\"ala-swift-parrot-1.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"swiftDays = swifties.map(s => {\n let d = new Date(s.eventDate)\n s.doy = dayOfYear(d);\n return s;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"function makeMonthBins(data){\n let bins = [];\n for (let m=0; m<12; m++){\n bins[m] = data.filter(b => +b.month == m+1)\n}\n return bins\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":570,"value":"swiftBins = makeMonthBins(swifties)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"oz = FileAttachment(\"australia.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":582,"value":"monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"dayOfYear = date =>\n Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"states = topojson.feature(oz, oz.objects.states)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"L = require(\"leaflet@1.8.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"html = htl.html","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 44:"$43:body"