Featured

Product Hunt Globe

Visualization of Product Hunt users worldwide

Featured comment

Varun Malhotra@s0ftvar · Software Engineer, Wingify
Hey everyone, The story is very cool. I was going through a project on PH https://www.producthunt.com/tech... and after reading comments(especially by @rrhoover) I realized it would be great to have a PH Users origin map, a map which would visualize the ProductHunt Users worldwide. So, my hunt for the same began. And due to the ProductHunt Hackathon fever, my usual coding speed went exponentially faster :D -> The primary challenge of this project was figuring out how to get the desired data. I started reading the PH API docs, wrote NodeJS script to fetch all the PH users data., Twitter API was used over the collected PH data to get the location of all users. Google Maps Geocoding API helped in converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which can be used to place markers on a map, or position the map. Data modelling and normalization of data followed after proper screening of Geocodes data. I have written a blog on how I did Data modelling, screening and visualization here -> https://medium.com/@s0ftvar/prod... -> The secondary challenge of this project was figuring out how to draw several thousand 3D data spikes as quickly and smoothly as possible. The data was ready to be served on the front end side now. I used Google WebGL Globe for visualizing the data, which beautifully renders the location spikes onto a rotating 3D world map. It runs only in WebGL-enabled browsers like Google Chrome. W00T!! Everything worked like a charm!
Mohsen Khalkhali@mossibat · IoT investor @ Iratel Ventures
@s0ftvar great idea but it doesn't work. does that mean my comp is shit? :D
Varun Malhotra@s0ftvar · Software Engineer, Wingify
@mossibat What's the config? Did you try it on latest Chrome?
Would you recommend Product Hunt Globe to a friend?
DiscussionYou need to become a Contributor to join the discussion - Find out how.
Varun Malhotra
Maker
@s0ftvar · Software Engineer, Wingify
Hey everyone, The story is very cool. I was going through a project on PH https://www.producthunt.com/tech... and after reading comments(especially by @rrhoover) I realized it would be great to have a PH Users origin map, a map which would visualize the ProductHunt Users worldwide. So, my hunt for the same began. And due to the ProductHunt Hackathon fever, my usual coding speed went exponentially faster :D -> The primary challenge of this project was figuring out how to get the desired data. I started reading the PH API docs, wrote NodeJS script to fetch all the PH users data., Twitter API was used over the collected PH data to get the location of all users. Google Maps Geocoding API helped in converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which can be used to place markers on a map, or position the map. Data modelling and normalization of data followed after proper screening of Geocodes data. I have written a blog on how I did Data modelling, screening and visualization here -> https://medium.com/@s0ftvar/prod... -> The secondary challenge of this project was figuring out how to draw several thousand 3D data spikes as quickly and smoothly as possible. The data was ready to be served on the front end side now. I used Google WebGL Globe for visualizing the data, which beautifully renders the location spikes onto a rotating 3D world map. It runs only in WebGL-enabled browsers like Google Chrome. W00T!! Everything worked like a charm!
Mohsen Khalkhali@mossibat · IoT investor @ Iratel Ventures
@s0ftvar great idea but it doesn't work. does that mean my comp is shit? :D
Varun Malhotra
Maker
@s0ftvar · Software Engineer, Wingify
@mossibat What's the config? Did you try it on latest Chrome?
Ben Tossell@bentossell · Community Lead, Product Hunt
Love this idea... the globe keeps spinning though and I wish I could zoom in more!!
Varun Malhotra
Maker
@s0ftvar · Software Engineer, Wingify
@bentossell Thank You! Zoom in to see what? I would love to help.
jack rometty@rometty_ · student
This is amazing! :) My favorite part is the dot in North Korea.
Varun Malhotra
Maker
@s0ftvar · Software Engineer, Wingify
@rometty_ Glad you spot that! :)
Ryan Hoover@rrhoover · Founder, Product Hunt
So cool, @s0ftvar! One of my favorite projects from our first hackathon was Map Hunt by @irosenb.
Varun Malhotra
Maker
@s0ftvar · Software Engineer, Wingify
@rrhoover Glad you like it! :)
Sarthak Grover@sarthakgrover · All things Consumer
This is incredible! Very well done!
Varun Malhotra
Maker
@s0ftvar · Software Engineer, Wingify
@sarthakgrover Thanks! :)