Gist 2bba23d8eda3ce767e87a6a491773372

100%

Gist 2bba23d8eda3ce767e87a6a491773372

✓ Published0🌍 Public

Last edited Dec 5, 2018

Created on Dec 5, 2018

The visualization is a scatterplot-style mosaic representing a 1000x1000 grid, plotting the positions and sizes of 234 rectangular claims from an Advent of Code puzzle. Overlapping rectangles accumulate, creating a dense heatmap-like field of colored blocks on a dark background. Built with Processing, the sketch loads the claim data from `aoc3_1.txt` and renders each rectangle using `rect()`, varying color intensity based on overlap count. The code uses `loadStrings()` to parse the input file and calls `noLoop()` to draw the static result once.

AI-generated description

Similar vizzes

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

68% match

Loading thumbnail…

Gist 81bb1fe48aaac31ecad321fb46af0847

The visualization maps discovered geospatial features onto a grid of cells, using color intensity to show the frequency of feature occurrences per cell. It highlights clusters of high-density areas, such as locations with counts of 23, 5, and 4, while most cells remain empty. The code uses JavaScript with a custom grid-rendering approach, likely employing canvas drawing or SVG elements, to display the distribution of features across the mapped region. Feature counts are stored in a two-dimensional array, with each cell’s value determining its visual encoding.

JJustinGOSSES

68% match

Loading thumbnail…

Gist 0e347a46041a01aa3c4f

This example visualizes the Collatz conjecture by mapping each integer from 0 to 5199 to a small square, where the fill color encodes the number of cycles to reach 1 and the stroke color encodes the maximum value reached during the sequence. The squares are arranged in a grid, and hovering over a square updates a text label to show the exact cycle count and maximum for that number. The visualization uses D3.js (version 3.5.5) to compute the Collatz sequences, bind the data to SVG rectangles, and apply linear color scales with HSL interpolation for the two attributes. The layout positions squares sequentially in rows of fixed width, and the code notes that changing the width parameter alters the grid pattern.

CCBasis

65% match

Loading thumbnail…

Advent of Code

This visualization demonstrates the redistribution of memory blocks in the "Advent of Code" Day 6 challenge, tracking how many redistribution cycles occur before a state repeats. The code uses XQuery 3.1 with recursive functions `local:zero-out-highest` and `local:add-blocks` to reallocate blocks from the highest-value bank across the array, while `local:calculate-state` records each state as a hyphen-separated string and stops when a duplicate state appears. The data source is a hardcoded sequence of 16 integers representing the initial memory banks, and the output is the integer count of iterations performed until repetition, rendered as plain text. No external visualization libraries are used; the example focuses purely on algorithmic state computation.

CCliffordAnderson

65% 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

64% match

Loading thumbnail…

Gist 130517

This visualization displays a sparse, grid-based dataset from a gist by DylanFM, using a fixed-size coordinate system (values such as 1056, 64, 1152, and 4608) to plot points in a two-dimensional space. The rendering relies on D3’s `d3.forceSimulation` for positioning and likely `d3.geoPath` or a similar path generator to draw shapes, though the specific API is not explicitly shown. The data, provided as a plain text file, is read and mapped directly to screen coordinates without additional transformation, creating a minimal scatter-like plot. The example emphasizes raw data plotting with minimal abstraction, focusing on the direct conversion of numeric inputs into visual marks.

DDylanFM

64% match

Loading thumbnail…

Gist 00170d49e926de0c3a9a

A grid of small circles and hexagon-like arrangements of rounded orange rectangles animates in a staggered transition. The visualization generates a field of triangular tile motifs, where each tile contains three small circles and three rounded rectangles positioned at their edges. Initially, the rectangles and circles sit at the tile centers; after a delay, they rotate outward to the triangle’s midpoints. Using D3.js with SVG transitions, the code applies `translate` and `rotate` transforms to reposition elements, driven by trigonometric calculations for hexagon geometry. The rendering uses D3 selections and transitions, with data-bound groups and nested arrays to handle multiple coordinates.

11wheel

64% match

Loading thumbnail…

Gist c1f0db859e835896ade3

This visualization presents a 37×9 grid of cells, each colored according to a log2 ratio value from a CSV dataset. Using D3.js v3 with SVG and animation, cells transition smoothly between color intensities, revealing clusters of high (4) and low (0-1) values. The animation highlights the distribution of ratios across rows and columns, making patterns in the data immediately visible through color mapping.

BBenHeubl

63% match