> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gitascii.com/llms.txt
> Use this file to discover all available pages before exploring further.

# WakaTime Activity Widget

> Weekly coding activity bar chart with language percentages and animated width reveals

# WakaTime Activity Widget (`godprofile-wakatime`)

The WakaTime Activity widget displays a clean horizontal bar breakdown of weekly language usage with staggered entry animations (`<animate attributeName="width">`).

## Configuration Schema

```typescript theme={null}
export interface GodprofileWakaTimeConfig {
  hiddenWakatimeLangs?: string[] // Excluded language names (e.g. ['HTML', 'CSS'])
  accentColor?: string           // Default: globalStyles.accentColor || '#b6a891'
  textColor?: string             // Default: globalStyles.textColor || '#eceff4'
}
```

<ParamField body="hiddenWakatimeLangs" type="string[]" default="[]">
  Case-insensitive list of languages to exclude from calculation.
</ParamField>

***

## Real Code Example

```typescript theme={null}
import { renderWidgetSvg, WidgetInstance } from '@/engine'

const wakaWidget: WidgetInstance = {
  instanceId: 'wakatime_01',
  widgetId: 'godprofile-wakatime',
  name: 'WakaTime Activity',
  position: { x: 0, y: 0 },
  size: { width: 420, height: 260 },
  config: {
    hiddenWakatimeLangs: ['HTML', 'CSS'],
    accentColor: '#c5ff4a',
  },
  locked: false,
  visible: true,
  zIndex: 1,
}

const svgOutput = renderWidgetSvg(wakaWidget, profileData, globalStyles)
```