A small weekend experiment from within our community that has grown into a project we’re proud to maintain under the WBFOSS umbrella.
The Problem We Kept Bumping Into
Anyone who works with CDNs, edge networks, or latency-sensitive applications knows the ritual:
something feels “off” in production, and the first stop is Cloudflare’s status page at cloudflarestatus.com.
It’s where engineers go to check:
- Unexpected latency in specific regions
- Edge behavior that doesn’t match deployment expectations
- Regional anomalies that don’t show up in application logs
The official status page is solid: clear, structured, and accurate.
But it has one limitation — it’s flat.
You scroll through a long list of locations, but you don’t see the network.
Inside the WBFOSS community, one of our contributors asked a simple question:
“What if we could see all of Cloudflare’s 300+ data centers on a single globe?”
That question turned into an open-source project.
Introducing Cloudflare Status Dashboard
Cloudflare Status Dashboard is a real-time visual layer on top of Cloudflare’s global infrastructure, now maintained as part of the WBFOSS project ecosystem.
Instead of a table of regions and components, the dashboard presents:
- An interactive 3D globe where each Cloudflare data center is a glowing point
- Intuitive color-coded status:
- Green → operational
- Orange / red → something needs attention
Users can:
- Spin and zoom the globe
- Explore specific regions visually
- Hover over locations to see more detail
For those who prefer a more traditional layout, there is also a 2D world map mode you can toggle to.
Live demo:
https://cfstatusdashboard.vercel.app
Why We Think This Matters
On the surface, this is “just” a visualization layer for Cloudflare’s status data.
In practice, it represents a few things we care deeply about at WBFOSS:
- Practical learning through real projects
This started as a contributor’s attempt to learn Three.js, WebGL, and modern React tooling — not through a tutorial, but by shipping something others can actually use. - Turning public data into usable tools
Cloudflare’s status information is public, but visualizing it on a globe makes it more intuitive and enjoyable to work with. - Infrastructure literacy
Seeing hundreds of edge locations lit up across the planet makes the scale of modern internet infrastructure a bit more tangible — especially for students and early-career engineers.
Technology Behind the Dashboard
The project makes use of a modern web stack:
- react-globe.gl
A high-level library built on top of Three.js that makes 3D globe visualizations approachable without writing raw WebGL code. - Next.js 14
Leveraging the app router and modern React patterns to keep the dashboard fast, maintainable, and deployment-friendly. - Cloudflare’s official status API
The dashboard consumes data directly from the official API, avoiding scraping or reverse-engineering and keeping the integration clean and reliable.
The result is a front-end that feels “alive” — status changes are reflected visually, and the network feels like something you can explore, not just read about.
What the Dashboard Can Do Today
The current feature set includes:
- Interactive 3D Globe
Spin, zoom, and explore more than 300 Cloudflare data centers worldwide. - Real-Time Status
Status is pulled directly from Cloudflare’s official status API, so information is both fresh and trustworthy. - Incident Visibility
Active incidents surface with details and updates, helping you quickly understand what’s happening, and where. - Maintenance Awareness
View planned and ongoing maintenance windows so you can anticipate potential impact. - 2D Map View
Switch to a flat map if that’s more comfortable for monitoring or presentations. - Mobile-Friendly UI
Touch gestures are supported, making it usable on phones and tablets. - Auto-Refresh
The dashboard keeps itself up-to-date without requiring manual reloads.
Our aim is for it to be both practical for engineers and delightful to explore.
Open Source, MIT Licensed, and Ready to Reuse
Cloudflare Status Dashboard is fully open source under the MIT license and is part of the WBFOSS GitHub ecosystem.
https://github.com/wbfoss/cf-status-dashboard
You can:
- Use it as-is to monitor Cloudflare’s global status
- Fork it to visualize other providers’ status APIs or your own distributed systems
- Study the implementation if you’re interested in globe-based visualizations with React and Next.js
- Contribute performance improvements, new features, or UX refinements
We see this as a living project — something that will evolve with contributions from operators, SREs, developers, and students who want to learn by building.
Disclaimer — and Respect Where It’s Due
A few important points:
- This project is not affiliated with Cloudflare, Inc.
- It simply consumes and visualizes publicly available data from Cloudflare’s official status API.
At the same time, the dashboard exists because Cloudflare’s infrastructure is significant and inspiring in its own right.
Running a globally distributed network with hundreds of data centers, handling traffic for millions of sites, and maintaining high reliability is a serious engineering achievement. This project is, in a small way, a visual tribute to that scale.
How You Can Get Involved
If you’re part of the broader FOSS or infrastructure community, there are a few ways to engage:
- Try the demo
Use it during your own troubleshooting or monitoring workflows.
Live demo: https://cfstatusdashboard.vercel.app - Report issues
If you notice incorrect behavior, edge cases, or UX friction, open an issue on GitHub. - Contribute features
Ideas we’d love to see explored:- More advanced filtering (by region, component type, etc.)
- Historical timelines or playback of incident impact
- Accessibility improvements and keyboard navigation
- Dark/light theme refinements
- Adapt it
Fork the project and adapt it for other networks or status APIs — and tell us about it, so we can showcase your work.
Sometimes open source doesn’t need to be huge to be meaningful — even “small” tools like this can become part of someone’s daily workflow.
Part of the WBFOSS Mission
Cloudflare Status Dashboard is maintained by WBFOSS (West Bengal Free and Open Source Society) as part of our broader effort to:
- Encourage real-world, visible open-source projects from our local ecosystem
- Help students and professionals learn by building and shipping
- Contribute practical tools that are useful beyond our geography
If you’re interested in contributing, collaborating, or starting similar projects under the WBFOSS umbrella, we’d be happy to hear from you.
Happy hacking — and enjoy spinning the globe.
