Charts
🕐

Productive Time

Hourly activity heatmap

tokyo-night dracula matrix ocean

The chart shows 24 vertical bars — one per hour of day. Bar height and brightness are proportional to contribution count for that hour. Peak hour is labeled in the corner.

Options

Parameter Type Default Description
timezone string UTC Timezone for interpreting commit timestamps (e.g. Europe/Moscow)
height number 160 SVG height in pixels (100–300)
GitHub's GraphQL API returns contribution days without exact timestamps. Hourly data comes from the GitHub Events API (last 90 days). For older accounts with few public events, bars will be approximate.

Config example

profile-graphics.yml
chart_options:
  productive-time:
    timezone: Europe/Moscow
    height: 160

Embed in README

README.md
<img height="160" src="https://raw.githubusercontent.com/USERNAME/USERNAME/main/dist/productive-time.svg"
  alt="Productive time"/>
← First: Activity Graph Get Started