Skip to main content
100%

Gist 346c2d11acdcd8e254fa57489ad5f50f

✓ Published0🌍 Public
UUtopiah
Last edited Dec 1, 2021
Created on Dec 1, 2021

This example shows a QMK-powered macro pad with a 2x4 ortholinear key layout, displaying live status on a built-in OLED screen. The OLED output reads the active layer (“OBS” or “FN”), backlight state, RGB mode number, and current hue, saturation, and value. The code uses QMK’s keyboard APIs, including `oled_write_ln_P`, `rgblight_get_mode`, and `rgblight_get_hue`, along with layer-tap keys like `LT(_FN, KC_ESC)` and mod-tap combinations. RGB lighting is configured via `config.h` with effects like breathing, Christmas, rainbow mood, and snake, while the OLED rotates 180 degrees using `oled_init_user`. The data originates from runtime keyboard state rather than external files.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 585272

This example visualizes the 256-color palette available in modern terminal emulators, dividing it into system colors, a 6x6x6 color cube, and a grayscale ramp. It uses a Perl script with ANSI escape sequences and terminal control codes to both define the RGB values for each color index and render swatches as colored background blocks. The code explicitly sets the color definitions via OSC sequences and displays them using SGR background escape codes, producing a direct textual grid of the palette.

XXXX
55% match
Loading thumbnail…

Pracitcas con OLED display acumulativas de LDI

This visualization demonstrates a Raspberry Pi Pico W with an OLED display, combining two interactive exercises. The first shows a regional weather menu with five simple animated icon bitmaps controlled by physical buttons. The second displays a short, pre-prompted response from the OpenAI API, such as a joke or recipe, with the output truncated to fit the screen. The code uses the `ssd1306` library for OLED rendering and the `urequests` library to call OpenAI's chat completions endpoint, managing the API response text for clear on-device display.

IIoTeacher
53% match
Loading thumbnail…

canvas-sketch x akai-lpd8

This example shows a real-time abstract drawing that responds to MIDI controller input. It maps knob positions to the x and y coordinates and size of an ellipse, which is drawn repeatedly to create a flowing, generative trail. Pads and the fourth knob trigger resets and color changes. The sketch uses the `canvas-sketch` framework with p5.js, and the `akai-lpd8` library to read control changes and note-on events from the hardware device.

MMAKIO135
52% match
Loading thumbnail…

Gist 46310a031af739a3b3941d63cd6cb33c

This visualization demonstrates the process of generating and displaying an SSH key, showing step-by-step terminal commands and their outputs. The code uses vanilla JavaScript and HTML/CSS to render a structured guide with command examples, including `ssh-keygen` variations and `cat` commands for viewing public keys. It presents the data as a static, text-based instructional card, with syntax highlighting applied to differentiate commands from comments and output. The interface relies on simple DOM manipulation and CSS styling rather than charting or mapping libraries.

MMistyBlunch
52% match
Loading thumbnail…

Gist 919ad4cfb5475f2aa4b68109e6c02bc9

This example shows a Python script that configures and controls the LED Everloop on a MATRIX device. It first connects to the device’s data update port to count the available LEDs using `io_pb2.LedValue`, then sends a driver configuration with a fixed purple color to the base port via a ZeroMQ (ZMQ) PUSH socket. Using `zmq` and the `matrix_io` protocol buffers, it also pings a keep-alive port and registers an error callback. The script runs these tasks as separate processes with `multiprocessing`.

KKaitoKid
52% match
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This interactive rectangle piano renders a 14-key keyboard with white and black keys using raw HTML, CSS, and JavaScript, without relying on external libraries. The visualization demonstrates DOM manipulation and event handling, as clicking each key triggers a Web Audio API `AudioContext` oscillator that plays a sine wave at a frequency mapped from a MIDI note number. The interface provides visual feedback by darkening keys on mousedown, and uses absolute positioning with a repeating seven-key pattern to place notes. The gradient background, responsive layout, and key styling are all achieved through inline styles and CSS.

NNita
52% match
Loading thumbnail…

Gist ac01c91d8c9c9dd4b825

This example uses D3.js and the HTML5 Canvas API to render an interactive color picker that visualizes the HCL (Hue-Chroma-Lightness) color space. It shows a 500×500 pixel grid where the horizontal axis maps hue from 360 to 0 degrees, the vertical axis maps lightness from 0 to 100, and chroma is fixed at 35. The code uses `d3.scale.linear` to map pixel coordinates to color values, converts HCL to RGB via `d3.hcl().rgb()`, and writes the results directly to image data with `createImageData` and `putImageData`. Moving the mouse over the canvas triggers `getImageData` to read the pixel color and display its hex value in a label, demonstrating direct pixel manipulation without SVG or DOM elements.

CCaged
52% match
Loading thumbnail…

Gist 82d472ceee4909cc7880ce2b2e0885dc

This example shows a MicroPython learning activity where an ESP32 or Raspberry Pi Pico W sends prompts to the OpenAI ChatGPT API and displays the text response on an SSD1306 OLED display via I²C. The code uses `network.WLAN` for Wi-Fi connectivity, `urequests.post` to call the chat completions endpoint, and `SSD1306_I2C` from the `ssd1306` library to render the reply. The demonstration includes connection setup, JSON response parsing, and a simple text-wrapping routine for the OLED’s 16-character line width, with optional scroll or truncation for longer answers.

IIoTeacher
52% match