Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in

ReactGlobe

Build interactive globe visualizations with ease 🌎

1 follower

Build interactive globe visualizations with ease 🌎

1 follower

Visit website
Features ✨ Beautiful and complete with clouds, backgrounds and lighting. ✌️ Incredibly simple to use and configure. πŸ€Έβ€ Easy globe animations. πŸ“ Render interactive markers on the globe with simple data. βš›οΈ Modern Javascript + build tools.
  • Overview
  • Launches1
  • Reviews
  • Team
  • More
Company Info
react-globe.netlify.com
ReactGlobe Info
Launched in 2019View 1 launch
Forum
p/reactglobe
  • Blog
  • β€’
  • Newsletter
  • β€’
  • Questions
  • β€’
  • Forums
  • β€’
  • Product Categories
  • β€’
  • Apps
  • β€’
  • About
  • β€’
  • FAQ
  • β€’
  • Terms
  • β€’
  • Privacy and Cookies
  • β€’
  • X.com
  • β€’
  • Facebook
  • β€’
  • Instagram
  • β€’
  • LinkedIn
  • β€’
  • YouTube
  • β€’
  • Advertise
Β© 2025 Product Hunt
Appwrite
Appwrite β€” The open-source Vercel alternative
The open-source Vercel alternative
Promoted

Do you use ReactGlobe?

Reviews
Helpful
Review ReactGlobe?Be the first to review ReactGlobe
ReactGlobe gallery image
ReactGlobe gallery image
ReactGlobe gallery image
Launch tags:
Artβ€’Open Sourceβ€’Developer Tools
Launch Team
Chris Zhou

What do you think? …

Aaron O'Leary
Aaron O'Leary
Product Hunt

Product Hunt

This is cool, must have been hard to build. What was the process like @chris_zhou
Report
6yr ago
Chris Zhou
Chris Zhou
d2cube

d2cube

Maker
@aaronoleary, react-globe is focused on keeping its prop API simple, and support most features and interactions that people need to build globe visualizations. Original development started as https://github.com/chrisrzhou/re.... Since the release of React hooks, it was much easier to separate the code out into modules (useCamera, useGlobe, useMarkers, useRenderer). This allowed writing code without having to track all variables in a single giant class. Since I was able to work on this project in an earlier iteration, I learned a lot on what I had to focus on. I broke down the project into a few important requirements, and proceeded to support features in those areas: - Resizing canvas - Styling the globe through textures, clouds, backgrounds. - Abstract distances, sizes and radius as a radiusScale of the globe radius. - Moving all zoom/rotate/focus/animations to the camera code (i.e. useCamera). - Animations are handled only when the "focus" property changes, which will update the camera accordingly. - Markers are a simple extension on the "focus" functionality, and only involve rendering objects on the canvas. - Make sure that the component prop API doesn't get overly complicated and remain intuitive. I'll be working on a clone of #metoorising project using react-globe in the near future, and update the "Gallery" page with a few examples.
Report
6yr ago