jossmac

const DRAW_DIRECTION = ["clockwise", "anti-clockwise"] as const;

/**
 * Generate a complex path string, using familiar SVG shape (`<circle>`,
 * `<rect>`, etc.) syntax.
 *
 * @param data An array of shape objects.
 * @param evenodd Alternate drawing direction for each path. When multiple paths are combined into a single string of path data, this will influence whether the paths are additive or subtractive.
 * @returns A string of SVG path data representing all shapes.
 *

tomhicks

/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()