Weather Dashboard
This page contains the complete prompt template, ready to copy into a compatible language model. Related and popular prompts appear alongside it.
Builds a weather dashboard in HTML5, CSS3, JavaScript, and the OpenWeatherMap API — current conditions with icons and backgrounds that change by weather and time of day, plus a detailed 5-day forecast.
Prompt content
Use HTML5、CSS3、JavaScript and OpenWeatherMap API Build integrated weather dashboards. Create a visual attractive interface showing current weather conditions and depending on weather/Use appropriate icons and background changes during the day. Show Details 5 Day projections and a breakdown of extended hours per day. The city name and coordinates are supported by automatic location searches and historical records. Adds geolocation support to automatically detect the location of the user. Including temperature units (°C/°F) and the time format switch. Displays bad weather alerts and highlights priorities. Display detailed meteorological data, including wind speed/Wind direction, humidity, pressure, ultraviolet index and air quality (if any). Including sunrise with visual indicators./Sunset time. Use CSS The grid creates a fully responsive layout to adapt all equipment sizes to the appropriate information density.