Animated Weather Dashboard

Hacker News

I’ve been working on this weather dashboard for a couple years now, and wanted to discuss it with you guys. Here it is: https://zima.prokofyev.ch/?token=7f7e9e7ca3msh1f401291ce0855... [1] A couple videos are available here: https://www.loom.com/share/881b4a93441141429d9260c46f098b13 https://www.loom.com/share/845b6efd7ac645768b103d05c4993072 https://www.loom.com/share/6ede6a39452a4aefabad3a059d0e33ca There is also a playground where you can test different weather conditions and time of the day (not every weather condition/combination might work): https://zima.prokofyev.ch/test?token=7f7e9e7ca3msh1f401291ce... The idea of a dashboard comes from this wonderful Animated Weather Cards on codepen: https://codepen.io/ste-vg/pen/GqaZbo . I have quickly built the first version of the dashboard by patching up OpenWeather api and making a separate card for the next 5 days: https://starport.prokofyev.ch/dashboard/?token=7f7e9e7ca3msh... Then I added rising/setting sun background animation based on the CSS Sunset Sunrise codepen, which is synchronized to the actual sunrise at a given location. The sun on each card also rises and sets accordingly (and the moon comes shortly after). I have also replaced 3 layers of clouds with sort of cloud-shape-like objects. This allows for easier tinting based on time of the day and better depiction of the cloud conditions (few clouds, broken clouds, etc.). Unfortunately, svg animations from the original codepen were quite heavy on the resources, and as I wanted to run this thing on raspberry PI, it was too slow at around 15 FPS. So I reimplemented rain, snow and clouds using webgl canvas with PIXI.JS and also upgraded TweenMax to GSAP 3. That boosted the FPS rate to around 30. Anyway, I am looking for any feedback on this. Does it look good to you? Would you use something like this at home? What other features could be useful on such a board? Do you think it has a market? [1] This is a temporary token that has a request count limitation, if the page doesn't show anything anymore, you need to create your own token from rapidapi by subscribing to this API (there is a free plan): https://rapidapi.com/faraway-technologies-faraway-technologi... P.S. I am not a professional front-end dev, I have never worked on any public-facing projects, only hobby and internal tools, so things might be a bit rough on the edges.

Visit product View on Hacker NewsJun 29, 2022

Share card

Actual performance

4points

1comments

Did not reach leaderboard

Launch Intel predictions

Analyze your own launch →

Indie HackersFits the IH revenue-focused audience · Strong signals: para · Missing: supports, reddit linkedin, podcasting

90%90% predicted probability of success on Indie Hackers, based on ML models trained on real launch data.

best fitHighest predicted score across all platforms for this description.

Hacker NewsStrong engagement from HN community · Strong signals: ide, io · Missing: https docs, excited, just released

75%75% predicted probability of success on Hacker News, based on ML models trained on real launch data.

nativeThis product was originally launched on this platform.

Product HuntOn track for Day 1 leaderboard · Strong signals: using, code, open · Missing: mac, agents, macos

62%62% predicted probability of success on Product Hunt, based on ML models trained on real launch data.

AppSumoMay struggle as an AppSumo deal · Missing: plus, platform, intuitive

45%45% predicted probability of success on AppSumo, based on ML models trained on real launch data.

TrustMRRLess likely to generate early MRR · Strong signals: video, way, para · Missing: mobile apps, ios, personal

42%42% predicted probability of success on TrustMRR, based on ML models trained on real launch data.

Acquire.comPre-revenue stage for this audience · Missing: arr, mrr, revenue

13%13% predicted probability of success on Acquire.com, based on ML models trained on real launch data.

BetaListMay not resonate with beta-testers · Missing: web3, chat, crypto

0%0% predicted probability of success on BetaList, based on ML models trained on real launch data.

Incorrect prediction on native model

Similar products

Kokonaut Weather Sensors45%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Kokonaut Weather Sensors

Hacker News2

pressureNET 3.1, now with more weather45%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

pressureNET 3.1, now with more weather

Hacker News10

WeatherGIF is Buzzfeed for weather45%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

WeatherGIF is Buzzfeed for weather

Hacker News2

WeatherGO46%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Weather in Celsius & Fahrenheit

Product Hunt+1

I Added AI to Weather26%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

I Added AI to Weather

Hacker News2

Animated Emojis on MaskUp33%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Animated Emojis on MaskUp

Hacker News3

Elonman (Animated Webcomic)41%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Elonman (Animated Webcomic)

Hacker News3

Animated SVG displaying the current weather45%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Animated SVG displaying the current weather

Hacker News1

Redis Dashboard61%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Redis Dashboard

Hacker News194

Giraffe - dashboard for graphite53%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Giraffe - dashboard for graphite

Hacker News45

Browse all products Analyze your launch