DEV Community

Cover image for My city's climate - historical weather data viewer
Ivan
Ivan

Posted on

2 1

My city's climate - historical weather data viewer

Overview of My Submission

"My city's climate" is a free online viewer for historical weather data of Poland. The web application is a simple way to get information about temperature and precipitations in a long time.

The application is a web map. The map displays weather stations as a points. If you click on the point will be opened color calendar. The calendar will be painted in different colors to indicate the respective weather characteristics.

The application was published on GitHub Pages. You can open it by link https://karavanjo.github.io/mcc-frontend/.

Data

The application uses public historical weather dataset IMGW-PIB.
You can explore the dataset on a page of Institute of Meteorology and Water Management by link.

Technical notes

The app built with React and D3. It's uses MongoDB Atlas as back-end. The app uses Time Series Collections for weather observations data storing.

To import initial data was created a console application using python and PyMongo.

Submission Category:

Prime Time

Link to Code

Front-end application

GitHub logo karavanjo / mcc-frontend

Free online viewer for historical weather data

"My city's climate" - historical weather data viewer

"My city's climate" is a free online viewer for historical weather data.

The application requires a climate database created by mcc-import application.

Run

  1. Fill .env file with your Realm data.
  2. npm install
  3. npm run dev
  4. Open your browser (http://localhost:3000/)

Screenshots

Weather stations map Weather stations map

Calendar: average air temperature Calendar: average air temperature

Calendar: snow depth Calendar: snow depth

Demo

https://karavanjo.github.io/mcc-frontend/




Import tool

GitHub logo karavanjo / mcc-import

Import tool for "My city's climate"

Import tool for "My city's climate"

The command line application imports historical weather data in MongoDB Atlas database.

Technical notes

The application requires MongoDB > 5.0 with support time series.

You should specify connection credentials. The application only supports X.509 Authentication with .pem certificate.

How to use

  1. Copy your weather data files to data/observations and data/stations.
  2. Apply your credentials to config.yaml.
  3. Install poetry.
  4. poetry install --no-dev
  5. poetry run import

About data

It is assumed that input weather data format corresponds to public data IMGW-PIB format.

You can explore the dataset on a page of Institute of Meteorology and Water Management by link.




Additional Resources / Info

"My city's climate" in a web browser

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay