secretArchivesLock

100%

secretArchivesLock

✓ Published0🌍 Public

Last edited Jul 14, 2017

Created on Jul 14, 2017

secretArchivesLock presents a puzzle where a grid of characters shifts in response to a sequence of directional commands. The code models a lock as an array of strings, removing '.' characters and then applying L, R, U, or D actions to repack rows or columns. Using JavaScript array methods and string manipulation, it illustrates a deterministic, text-based simulation without external libraries. The visualization demonstrates the transformation of the lock’s state through each action, showcasing the logical result of the programmatic operation.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 95bc6a1fc08d5057b64b1b1dc24c211e

This example demonstrates a JavaScript array manipulation that generates all possible single-step neighbors for a four-digit lock combination. It creates two variations for each digit: one decrementing the value (with 0 wrapping to 9) and one incrementing it (with 9 wrapping to 0), storing all eight resulting arrays in a `neighbors` list. The code uses standard JavaScript array methods like `forEach` and `slice`, along with a ternary operator for edge-case wrapping, to construct the neighbor variations. The output, logged via `console.log`, shows a matrix of four-element arrays representing every adjacent combination state.

GGugaGongadze

60% match

Loading thumbnail…

Gist d740d28ab2549ada2394dbbe9728cd71

This visualization prints an alternating checkerboard pattern of spaces and hash symbols to the console, using standard JavaScript string concatenation and a nested `for` loop structure. The outer loop controls each row, while the inner loop builds the pattern by checking whether the row and column indices are even or odd. The code defines a fixed grid size of 8, generates each line into a string variable, and logs it with `console.log` before resetting the string for the next iteration. No external libraries are used; it relies solely on core JavaScript syntax and the console API.

MMistyBlunch

55% match

Loading thumbnail…

Gist 1967223

This example visualizes the leaked plaintext password from a support email, mapping its characters and their positions through a network layout. The code uses `d3.forceSimulation` to arrange character nodes, with `d3.geoPath` absent; instead, it employs SVG paths for links and `transition.attrTween` to animate text placement. The data comes from the email’s body, parsed into individual characters and spaces, while the rendering approach highlights the password’s structure as a force-directed graph. Only the visible simulation and tweening logic appear, with no additional interactions beyond the animated layout.

CCaged

55% match

Loading thumbnail…

advent-of-code-05

Each row of the visualization is a horizontal line representing an element in the puzzle's input array. As the algorithm jumps through the array, darker values indicate lower numbers, and the x-axis tracks progress over time. Purple vertical columns show the rate of visits each position receives per roughly 30,000 jumps. The code uses `d3.scaleLinear` for color encoding and draws rectangles to both a Canvas and an SVG layer via `d3.conventions`.

11wheel

55% match

Loading thumbnail…

Fork of Fork of wordsearch fun

This interactive word search puzzle displays 15 programming-related terms hidden in a 15×15 grid of letters. Users click and drag to select letters horizontally, vertically, or diagonally, and matching words become highlighted in the grid and crossed off in the word list. The implementation uses plain JavaScript DOM manipulation with `addEventListener` for mouse events, random placement with collision detection for word positioning, and CSS Grid for rendering the interactive letter cells. The "New Game" button regenerates the puzzle with fresh random placements.

KKareena

54% match

Loading thumbnail…

Invisible dots

Fifty black, rounded squares form a silent grid on a white background, each one a uniform tile with no visible variation. The piece demonstrates a simple HTML and JavaScript loop that creates the elements using `document.createElement` and `document.body.append`, with styling applied via CSS properties for size, margin, and border-radius. There is no interaction, animation, or data binding, only the static repetition of identical shapes. The title suggests an absence or a hidden pattern, but the code does not implement any such behavior, leaving the visual composition purely as a minimal exercise in layout generation.

Ggragors123@gmail.com

54% match

Loading thumbnail…

Caesar Cipher Visualization

This interactive visualization demonstrates the Caesar cipher encryption technique by allowing users to input text and a shift value, then animating the transformation of the alphabet. The code uses D3.js v7 to render SVG letter boxes that smoothly transition colors and characters over a one-second animation, highlighting which letters shift and which remain unchanged. User input is processed through a custom `caesarCipher` function, while the `d3.select` and `transition` APIs drive the visual feedback.

Ffay Alomar

54% match

Loading thumbnail…

fresh block

A sequence of letters and numbers slides into place along a vertical scale, then exits in red, demonstrating a simple data join animation. The SVG text elements are bound to an array of values that changes over time using timed `setTimeout` calls. The code uses D3.js scales, including `d3.scale.linear` and `d3.scale.ordinal`, along with selection methods like `.enter()`, `.exit()`, and `.transition()` with a linear ease and per-element delay. The animation cycles through adding and removing items, showing enter, update, and exit states.

RRasinj

54% match