times = suncalc.getTimes(date, lat, -lon)
html`
<style>
.nadir { fill: #012459}
.nightEnd { fill: #012459}
.nauticalDawn { fill: #016792}
.dawn { fill: #12a1c0}
.sunrise { fill: #efeebc}
.sunriseEnd { fill: #0cf}
.goldenHourEnd { fill: #0ff}
.solarNoon { fill: #0ff}
.goldenHour { fill: #0cf}
.sunsetStart { fill: #efeebc}
.sunset { fill: #12a1c0}
.dusk { fill: #016792}
.nauticalDusk { fill: #012459}
.night { fill: #012459}
</style>
`
viewof lat = Inputs.text()
viewof lon = Inputs.text()
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
