this is infinite

  • Random
  • Archive
  • RSS
  • Questions?
jstn:

This is something I’ve been working on for a long time, and now that we’ve reached the height of hurricane season I’m excited to reveal it.
radarmatic:

Radarmatic is a weather radar visualizer.  It uses HTML5 and its own API to draw radar images with live data from the National Weather Service.
The white dots on the map represent 155 radar sites across the US.  As you drag it around, the radar closest to the center of the map will light up with its most recent data.  The colored areas show where precipitation is occurring at varying levels of intensity.  Pushing play will animate the last few hours.
The imagery is not pre-generated, but rather drawn in-browser with Javascript.  For this reason it can be processor intensive, especially while animating. Safari and Chrome are recommended over Firefox.
I’ve always wanted to do something with radar data.  The NWS creates an incredible wealth of information available every day about the physical world around us, but it’s locked away in an obscure binary file format developed long before the web.  In order to visualize the data the way I wanted to, much bigger and in crazier colors than I’d ever seen used for weather radar before, I needed to translate it to a format I already understood.
After many hours of research and fumbling around with a hex editor, I wrote a program in C called radar2json to convert the binary product files from the NWS into JSON (and which I’ve open sourced under the MIT license).  I built a web service around it that anyone can use.
From a user interface standpoint, I set out to make something that puts as much focus as possible on the imagery itself and drastically reduces the friction of moving through it.  Every other interface to radar data I’ve seen so far is scientifically oriented and does a poor job of being tactile and interactive, which I think is important for making a rich impression of what’s happening in our physical environment.
Give it a try and let me know what you think.  And keep your eye on the Carolinas in the next 24 hours!


jawdrop.
Pop-upView Separately

jstn:

This is something I’ve been working on for a long time, and now that we’ve reached the height of hurricane season I’m excited to reveal it.

radarmatic:

Radarmatic is a weather radar visualizer. It uses HTML5 and its own API to draw radar images with live data from the National Weather Service.

The white dots on the map represent 155 radar sites across the US. As you drag it around, the radar closest to the center of the map will light up with its most recent data. The colored areas show where precipitation is occurring at varying levels of intensity. Pushing play will animate the last few hours.

The imagery is not pre-generated, but rather drawn in-browser with Javascript. For this reason it can be processor intensive, especially while animating. Safari and Chrome are recommended over Firefox.

I’ve always wanted to do something with radar data. The NWS creates an incredible wealth of information available every day about the physical world around us, but it’s locked away in an obscure binary file format developed long before the web. In order to visualize the data the way I wanted to, much bigger and in crazier colors than I’d ever seen used for weather radar before, I needed to translate it to a format I already understood.

After many hours of research and fumbling around with a hex editor, I wrote a program in C called radar2json to convert the binary product files from the NWS into JSON (and which I’ve open sourced under the MIT license). I built a web service around it that anyone can use.

From a user interface standpoint, I set out to make something that puts as much focus as possible on the imagery itself and drastically reduces the friction of moving through it. Every other interface to radar data I’ve seen so far is scientifically oriented and does a poor job of being tactile and interactive, which I think is important for making a rich impression of what’s happening in our physical environment.

Give it a try and let me know what you think. And keep your eye on the Carolinas in the next 24 hours!

jawdrop.

Source: radarmatic

  • 1 year ago > radarmatic
  • 119
  • Permalink
  • Share
    Tweet

119 Notes/ Hide

  1. vita-cheats reblogged this from bencochran
  2. synmirror liked this
  3. wewe989 liked this
  4. variation liked this
  5. lystra reblogged this from romeojulietsierra
  6. romeojulietsierra reblogged this from radarmatic
  7. romeojulietsierra liked this
  8. thinkdrastic liked this
  9. bencochran reblogged this from radarmatic and added:
    jstn He even released
  10. mariaaa liked this
  11. agduncan reblogged this from radarmatic
  12. takeabow liked this
  13. mwunsch liked this
  14. hermannhermannhermann liked this
  15. mopostal liked this
  16. mike-ambs liked this
  17. milesbarger liked this
  18. kxr liked this
  19. kre liked this
  20. peterthelight liked this
  21. vidvisionify reblogged this from pile
  22. dentarg liked this
  23. wvallen liked this
  24. supersecret liked this
  25. mattstubbings reblogged this from brettkirwin and added:
    Great implementation of HTML5
  26. summerordonez reblogged this from jstn
  27. aaroneous reblogged this from jstn and added:
    this project! As pilots, we have access to similar tools like duat.com, aviationweather.gov, etc, but like most...
  28. zachrose liked this
  29. odonnell liked this
  30. c4jones2 reblogged this from forchrisbychris and added:
    OMG, this is amazing. I think major weather sites like weather.com should adopt this. Seriously, well done, very, very...
  31. forchrisbychris reblogged this from jacque
  32. novh reblogged this from jstn
  33. grapefruite liked this
  34. hydropumpblasty liked this
  35. dalasverdugo liked this
  36. bbbrad liked this
  37. independentassortment liked this
  38. trmw liked this
  39. karenabad liked this
  40. mattheweternal liked this
  41. reillybrennan liked this
  42. jonheslop reblogged this from radarmatic
  43. section9 liked this
  44. jesseddy reblogged this from radarmatic
  45. jonheslop liked this
  46. anchoredin liked this
  47. alexbeaudet liked this
  48. coldfashion liked this
  49. gnix liked this
  50. ennuipartie liked this
  51. Show more notesLoading...
← Previous • Next →

About

These are the pictures, sounds, and thoughts from John Michel, a Philadelphia-area web developer and photographer.

Enjoy.

cowbird.org

Me, Elsewhere

  • johnmichel on Dribbble
  • @jhnmchl on Twitter
  • johnmichel on Vimeo
  • johnmichel on Flickr
  • blender on Last.fm
  • johnmichel on github

Twitter

loading tweets…

  • RSS
  • Random
  • Archive
  • Questions?
  • Mobile

Effector Theme by Carlo Franco.  Modifications made by John Michel.

Powered by Tumblr