Skip to main content
← The Builder’s Log/God Eyes — Data Dashboard
God Eyes — Data Dashboard
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

God Eyes dashboard — multiple chart types

Chart section — bar and area charts

Comments

Be the first to leave a comment.

Leave a comment

Related Posts