Claude Opus 5.5 in Claude Code 2.1.280

Build an interactive climate dashboard comparing six weather stations from the exact dataset below (CSV: one row per city and month with the average daily high temperature in Celsius, total rainfall in millimetres and sunshine hours). Embed the data in the page verbatim and compute every number from it; do not invent or alter any value.

city,month,avg_high_c,rain_mm,sun_hours
Reykjavik,Jan,0.4,77,54
Reykjavik,Feb,0.9,76,81
Reykjavik,Mar,3.8,67,116
Reykjavik,Apr,6.3,48,147
Reykjavik,May,10.1,32,221
Reykjavik,Jun,12.9,24,247
Reykjavik,Jul,13.2,24,274
Reykjavik,Aug,12.2,29,233
Reykjavik,Sep,9.9,37,214
Reykjavik,Oct,6.2,51,160
Reykjavik,Nov,3.1,59,103
Reykjavik,Dec,2.6,74,77
Lisbon,Jan,13.3,100,52
Lisbon,Feb,14.1,99,77
Lisbon,Mar,18.5,69,113
Lisbon,Apr,20.3,47,168
Lisbon,May,25.3,31,222
Lisbon,Jun,27.9,15,245
Lisbon,Jul,28.5,1,259
Lisbon,Aug,27.6,5,259
Lisbon,Sep,24.3,21,212
Lisbon,Oct,21.1,51,146
Lisbon,Nov,18.0,83,100
Lisbon,Dec,15.4,89,84
Singapore,Jan,29.6,254,152
Singapore,Feb,30.6,249,136
Singapore,Mar,30.4,223,151
Singapore,Apr,31.4,201,174
Singapore,May,31.6,183,132
Singapore,Jun,30.9,158,155
Singapore,Jul,31.8,164,167
Singapore,Aug,31.0,163,160
Singapore,Sep,30.8,182,130
Singapore,Oct,31.9,203,172
Singapore,Nov,30.7,235,129
Singapore,Dec,29.9,237,146
Denver,Jan,5.9,47,63
Denver,Feb,7.5,42,76
Denver,Mar,11.6,41,101
Denver,Apr,18.0,40,160
Denver,May,24.9,27,219
Denver,Jun,30.0,23,251
Denver,Jul,30.7,22,253
Denver,Aug,29.4,25,241
Denver,Sep,24.9,38,201
Denver,Oct,17.6,29,153
Denver,Nov,12.2,33,106
Denver,Dec,7.4,35,64
Cape Town,Jan,27.6,9,269
Cape Town,Feb,25.9,16,279
Cape Town,Mar,24.9,30,236
Cape Town,Apr,23.3,60,192
Cape Town,May,21.0,68,142
Cape Town,Jun,18.1,87,111
Cape Town,Jul,17.8,94,111
Cape Town,Aug,18.8,79,131
Cape Town,Sep,20.3,69,163
Cape Town,Oct,22.7,46,187
Cape Town,Nov,24.4,35,227
Cape Town,Dec,25.9,16,280
Mumbai,Jan,30.2,7,62
Mumbai,Feb,30.0,6,68
Mumbai,Mar,29.9,11,121
Mumbai,Apr,32.1,79,166
Mumbai,May,33.0,247,205
Mumbai,Jun,33.0,481,245
Mumbai,Jul,33.2,601,273
Mumbai,Aug,32.3,494,241
Mumbai,Sep,32.5,252,225
Mumbai,Oct,31.5,67,166
Mumbai,Nov,29.8,3,115
Mumbai,Dec,30.1,7,81

The dashboard needs: small-multiple climate charts, one per city, each with monthly temperature as a line over rainfall as bars and the two axes clearly labelled; a radial (polar) chart of the selected city's year with temperature as radius and rainfall as colour; a heatmap of temperature by city and month; KPI cards per city for annual rainfall, hottest and coldest month, temperature range and total sunshine; a 'best month to visit' calculator with sliders for preferred temperature range, maximum rain and minimum sunshine that scores every city-month and lists the top five; a Celsius and Fahrenheit toggle; hover or tap tooltips with exact values; and a short auto-written comparison panel computed from the data. Make it beautiful, editorial and calm, like a data feature in a great magazine. So the page is alive without input, on load the charts draw in and a tour cycles forever: it rotates the radial chart through each city, sweeps a highlight across the heatmap month by month, adjusts the visit calculator sliders to show the ranking change, and toggles units once per loop, until the user touches a control.

Save it as index.html in the current directory: one self-contained file with inline CSS and JavaScript only, no libraries or frameworks, and no external requests of any kind (no CDNs, web fonts, images or audio files). It must work when opened directly from disk, fit any window from a 390 px wide phone to a desktop, and run without console errors. You may serve it locally and open it in headless chromium (/usr/bin/chromium, software WebGL, no GPU) to screenshot and inspect your own output, and iterate on your own before finishing. Close any browser you open as soon as you've taken your screenshot.

Copy promptShow all