Simple Vue.js component for visualizing temperature data from OpenWeatherMap in a CSS-only line graph

Go to file

Alina Marquardt aa050b137c Update README.md		2025-03-04 11:34:19 +01:00
.vscode	initial commit, fetch weather from open weather map, graph temperatures via CSS	2025-03-03 21:54:40 +01:00
public	initial commit, fetch weather from open weather map, graph temperatures via CSS	2025-03-03 21:54:40 +01:00
src	Delete src/components/HelloWorld.vue	2025-03-04 11:27:56 +01:00
.gitignore	added responsivity, improved error handling, improved styling	2025-03-04 11:15:58 +01:00
README.md	Update README.md	2025-03-04 11:34:19 +01:00
index.html	initial commit, fetch weather from open weather map, graph temperatures via CSS	2025-03-03 21:54:40 +01:00
package.json	initial commit, fetch weather from open weather map, graph temperatures via CSS	2025-03-03 21:54:40 +01:00
vite.config.js	initial commit, fetch weather from open weather map, graph temperatures via CSS	2025-03-03 21:54:40 +01:00
yarn.lock	initial commit, fetch weather from open weather map, graph temperatures via CSS	2025-03-03 21:54:40 +01:00

README.md

Weather Visualization (Vue)

This is a simple visualization of temperature data using Vue and the OpenWeatherMap API

line graph using HTML and CSS
responsivity reacting to different device widths with scaling and graceful fallback to fewer data points
display of more precise temperatures on hover or tap
city selector with example cities
real weather data fetched from OpenWeatherMap via axios

This project has been made as a simple exercise to refresh Vue.js knowledge, practice styling and fine tune my local dev set-up across three NixOS machines