Chrisb4

@Chrisb4·4 public vizzes

Claude Code token usage analyzer - breaks down usage by project, session, and subagent

This visualization analyzes token usage from Claude Code’s local project logs, stored as JSONL files in `~/.claude/projects/`, and breaks down consumption by project, session, and subagent. The Python script (using `json`, `pathlib`, and `collections.defaultdict`) parses assistant and user messages, tallying `input_tokens`, `cache_creation_input_tokens`, `cache_read_input_tokens`, and `output_tokens` from the `usage` field. It recursively processes subagent session files in a `subagents` subdirectory, identifying human prompts by filtering out tool results and sidechain entries. The output is a structured dataset showing total tokens per session and project, suitable for further charting.

Apr 6, 2026

Loading thumbnail…

Remove WooCommerce related resources except on WooCommerce-based pages (products, cart, checkout, etc). Use on a testing environment before pasting this into your live website!

This code sample demonstrates how to selectively disable WooCommerce stylesheets and scripts on non-WooCommerce pages using WordPress PHP hooks. It shows a site optimization technique that checks for WooCommerce-specific conditions before dequeuing assets. The implementation uses the `wp_enqueue_scripts` action hook and WooCommerce conditionals like `is_woocommerce()`, `is_cart()`, and `is_checkout()` to determine page context, then removes targeted handles such as `woocommerce-general`, `wc-cart-fragments`, and `jquery-blockui`. The code runs on a testing environment before deployment to production.

Feb 28, 2020

Loading thumbnail…

Get window width on resize

This example demonstrates a debounced window resize handler that logs the current viewport width to the console after user resizing stops. It shows how to throttle repeated resize events using the native `window.addEventListener` and `setTimeout`/`clearTimeout` APIs, with a configurable delay of 100 milliseconds. The code wraps a custom `originalResize` callback within an immediately-invoked function expression (IIFE) that manages the debounce timer. No external libraries or rendering techniques are used; the implementation relies solely on plain JavaScript and the browser’s `innerWidth` property.

Mar 20, 2019

Loading thumbnail…

Matrix Effect in you terminal

This example simulates the falling green code rain of “The Matrix” inside a terminal, creating a dynamic, text-based animation. The visual shows columns of bright green characters descending at varying speeds, with a single leading white character in each column, against a black background. The implementation uses a shell pipeline combining `echo`, `awk`, and sleep to generate a continuous stream of random data. Specifically, `awk` builds a character set from letters, numbers, and symbols, and directly writes ANSI escape sequences to position and color each glyph with `\033[%s;%sH` commands. The script tracks column positions in an associative array, incrementing them per frame and resetting when the bottom of the terminal is reached, based on the `$LINES` variable.

Aug 31, 2012