dashboardchartsdata-visualizationrecharts
God Eyes — Data Dashboard
B
Bunlong Heng
June 19, 2025
God Eyes is a personal data dashboard — a single-page view that pulls from a config file and renders multiple chart types using Recharts and React.
What it does
The dashboard reads from a data.json config and renders a comprehensive set of visualizations in a grid layout. It's designed for at-a-glance monitoring of whatever metrics matter to you.
Chart types
- Bar chart — vertical bars with labeled values
- Pie chart — proportional breakdowns with legend
- Area chart — time-series trends with fill
- Scatter chart — X/Y correlation with Z-axis bubble sizing
- Reference lines — annotate thresholds directly on charts
All charts use Recharts with ResponsiveContainer — they scale cleanly at any viewport width.
Features
- Config-driven — all data comes from
data.json, no hardcoded values in the component - Color-coded series — each data series gets a distinct color
- Tooltip on hover — detailed values on mouse/touch
- Responsive — works on mobile through 4K
- Lightweight — no data fetching, pure client-side rendering from static config
Why "God Eyes"
The name comes from the idea of a single view that sees everything — a war room dashboard where all your key metrics are visible at once without switching tabs or drilling into reports.
Screenshots
Comments
Be the first to leave a comment.
Related Posts


