md`This tool is great for planning when we to go rockpooling at Pillar Point, but what about if you are going this month and want to pre-train your eye with what to look for in order to impress your friends with your knowledge of Nudibranchs? Well... we can create ourselves a dynamic guide that you can with a list of the species, their photo, name and how many times they have been observed in that month of the year! Our select box this time looks as follows, simpler than before but assigning the month value to the variable \`selected_month\`. viewof selected_month = select({ title: "When do you want to see Nudibranchs?", options: [ { label: "Whenever", value: "" }, { label: "January", value: "1" }, { label: "February", value: "2" }, { label: "March", value: "3" }, { label: "April", value: "4" }, { label: "May", value: "5" }, { label: "June", value: "6" }, { label: "July", value: "7" }, { label: "August", value: "8" }, { label: "September", value: "9" }, { label: "October", value: "10" }, { label: "November", value: "11" }, { label: "December", value: "12" }, ], value: "" }) We then can use the **[species_counts](https://api.inaturalist.org/v1/docs/#!/Observations/get_observations_species_counts)** API to get all the relevant information about which species we can see in \`month=\${selected_month}\`. We'll be able to reference this response object and its values later with the variable we just created, eg: \`all_species_data.results[0].taxon.name\`. all_species_data = fetch( \`https://api.inaturalist.org/v1/observations/species_counts?taxon_id=47113&month=\${selected_month}&nelat=37.499811&nelng=-122.492738&swlat=37.492805&swlng=-122.50542&verifiable=true\` ).then(r => r.json()) You can render HTML directly in a notebook cell using Observable's \`html\` [tagged template literal](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals): html\`

If you go to Pillar Point \${ {"": "", "1":"in January", "2":"in Febrary", "3":"in March", "4":"in April", "5":"in May", "6":"in June", "7":"in July", "8":"in August", "9":"in September", "10":"in October", "11":"in November", "12":"in December", }[selected_month] } you might see…

\${all_species_data.results.map(s => \`

\${s.taxon.name}

Seen \${s.count} times

\`)}

\` These few lines of HTML are all you need to get this exciting dynamic guide to what Nudibranchs you will see in each month! `