whatisgithub

What is ghealth_dashboard?

not-a-feature/ghealth_dashboard — explained in plain English

Analysis updated 2026-05-18

1JavaScriptAudience · developerComplexity · 3/5Setup · moderate

In one sentence

A browser-based dashboard that pulls your Google Health data, steps, sleep, heart rate, and workouts, into charts, with no backend server involved.

Mindmap

mindmap
  root((repo))
    What it does
      Shows Google Health data
      Steps sleep heart rate
      Workout details
    Tech stack
      JavaScript
      HTML and CSS
      OAuth sign in
    Use cases
      Personal health tracking
      Demo with sample data
      CSV export
    Audience
      Personal use
      Small hobby project

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Track your own steps, sleep, heart rate, and workouts from Google Health data in one visual dashboard.

USE CASE 2

Try the demo mode with sample data to see the dashboard without connecting a real Google account.

USE CASE 3

Export any chart's data as a CSV file for further analysis in a spreadsheet.

What is it built with?

JavaScriptHTMLCSSOAuthSVG

How does it compare?

not-a-feature/ghealth_dashboard0xmukesh/docusaurus-tutoriala15n/andrewscheuermann
Stars111
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-12-272015-01-11
MaintenanceDormantDormant
Setup difficultymoderateeasymoderate
Complexity3/52/51/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires creating a Google Cloud project and OAuth client, plus enabling the Google Health API.

So what is it?

GHealth Dashboard is a small website that shows your personal health data from Google in one place. It pulls information such as steps, sleep, heart rate, and workouts directly from the Google Health API and displays it as charts and stat tiles inside your web browser. The project is a plain static site, meaning it is just a set of files (HTML, CSS, and JavaScript) with no backend server. Your Google account credentials and the health data itself stay in your browser's local storage, so nothing passes through a company server. You can try the dashboard first without a Google account by adding "?demo=1" to the web address, which fills it with sample data. To use it with your own data, you need to create a project in the Google Cloud Console, turn on the Google Health API for that project, and set up an OAuth login, a standard sign in with Google flow. This takes a few manual steps, including adding yourself as a test user, since the app is not published publicly. Once that is set up, you paste your client ID and secret into the dashboard and sign in. Once connected, the dashboard shows a Today view with tiles for steps, heart rate, sleep, and more, plus trend charts over 7, 30, or 90 days covering things like resting heart rate, weight, oxygen levels, and heart rate zones. There is also a workouts section listing each activity with duration, distance, calories, and a map of the route if GPS data exists. Every chart can be switched to a table view and exported as a CSV file. The interface follows your system's light or dark theme automatically. The code is organized into an app shell, a stylesheet, and JavaScript folders handling the Google sign-in flow, talking to the API, caching results, and drawing charts by hand using SVG rather than a charting library. It has only 1 star, so it looks like a small personal or hobby project rather than something widely used yet.

Copy-paste prompts

Prompt 1
Help me set up a Google Cloud project and OAuth client ID so I can connect GHealth Dashboard to my Google Health data.
Prompt 2
Explain how to host GHealth Dashboard on GitHub Pages and register the URL in my OAuth client settings.
Prompt 3
Show me how the OAuth sign-in flow works in this project's js/app folder.
Prompt 4
Help me add a new chart type to the Trends page using the existing hand-rolled SVG charting code.

Frequently asked questions

What is ghealth_dashboard?

A browser-based dashboard that pulls your Google Health data, steps, sleep, heart rate, and workouts, into charts, with no backend server involved.

What language is ghealth_dashboard written in?

Mainly JavaScript. The stack also includes JavaScript, HTML, CSS.

How hard is ghealth_dashboard to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is ghealth_dashboard for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.