JazzTap

@JazzTap·5 public vizzes

Script to parse Dendry games for use in DendryScope.

This script converts Dendry game scene files into a JSON AST, which is then loaded into DendryScope for interactive exploration. The visualization uses a force-directed graph where scenes are nodes and connections represent narrative transitions. Users can click scene names to require or forbid them, mouse over blocks to inspect scene versions, and pin blocks to enforce specific story events. The Python script relies on Pygments' custom lexer to tokenize the `.dry` files before parsing them into a nested tree structure using `defaultdict`.

Dec 31, 2025

Loading thumbnail…

Gist a9d74398b2e6252deeeda63c3a3718e3

This example simulates the Fitz-Hugh Nagumo equations, a simplified model of neural action potentials, using a custom Runge-Kutta 4th-order integrator implemented with NumPy. It sweeps across a parameter range for the variable γ, generating a 2D dataset of voltage and inactivation traces stored in an xarray array. A vector field plot, rendered via Matplotlib’s QuadMesh, visualizes how the system’s oscillatory behavior changes as γ varies. The Vue-based framework embeds this interactive notebook output, allowing inspection of the raw trajectory arrays.

Dec 26, 2017

Loading thumbnail…

knots from gauss codes - stable branch

This interactive knot visualization generates random Gauss codes from four crossings and renders them as dynamic force-directed diagrams using D3 v4. Users can click translucent overlay circles to cycle each crossing through over, under, vertical, and horizontal smoothing states, which updates the link topology in real time. The SVG output combines thick colored paths representing knot strands with dashed helper lines, while `d3.forceSimulation` with x, y, and charge forces arranges the port nodes. Circle fill colors distinguish crossing types, and drag interactions let viewers manually reposition all elements.

Oct 13, 2017

Loading thumbnail…

phase transition (gas ↔ square lattice) with hysteresis

This example demonstrates a phase transition between a gaseous and square-lattice state, with hysteresis, using a NetLogo agent-based model. Turtles compute a stress value based on local crowding and clumping, which drives their movement speed and turning behavior. The visualization renders turtles as semi-transparent gray particles whose opacity and position reveal collective ordering; two plots track the mean and variance of stress over time, highlighting the transition and memory effect. The code uses NetLogo’s `turtles-own`, `ask`, and `plot` primitives to simulate and display the dynamics.

Oct 13, 2017

Loading thumbnail…

knots from gauss codes

A force-directed graph visualization renders abstract knot structures from Gauss codes, which encode crossings as sequences of signed numbers. The example generates a random code of length 2n and draws the resulting knot as a network of circular nodes and elliptical link paths. Each crossing appears as two connected ports, with dashed segments marking knot skeletons. The visualization uses D3 v4's `d3.forceSimulation` with link, charge, and positioning forces, while nodes are draggable and recompute their layout continuously. The SVG output shows the evolving knot structure as the simulation runs.

May 6, 2017