Generated using https://github.com/bluemontag/igs-lsgp/, > Random structure generated in 1163.145503053 seconds. Generation method: Optimized Jacobson & Matthews generation method.

100%

Generated using https://github.com/bluemontag/igs-lsgp/, > Random structure generated in 1163.145503053 seconds. Generation method: Optimized Jacobson & Matthews generation method.

✓ Published0🌍 Public

Last edited Mar 2, 2022

Created on Mar 2, 2022

A 1000x1000 Latin square generated in 1163 seconds appears as a dense grid of colored cells, visualizing the statistical randomness and constraint satisfaction of the arrangement. The visualization uses d3 to render a canvas-based heatmap, where each cell’s color encodes a value from 0–999. The data comes from an optimized Jacobson and Matthews generation method, with the output shown as a single large matrix.

AI-generated description

Similar vizzes

Loading thumbnail…

D3 Random Abstract Art

This example generates a grid of 100 colored rectangles whose fills use randomized pairs from the d3 `schemeCategory10` palette via `d3.scaleLinear`. As the mouse hovers over a square, that rectangle and its entire row are re-appended to the SVG to bring them to the foreground, while the square’s width and height are scaled up or down by a factor of three or four. Clicking anywhere reloads the page to generate a fresh random composition. The visualization is built with D3 v6 selections and SVG rendering, and includes a small instruction bar.

CCaroline Ghisolfi

62% match

Loading thumbnail…

Gist 2bba23d8eda3ce767e87a6a491773372

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.

BBBischof

62% match

Loading thumbnail…

Random Squares

Random Squares demonstrates SVG shape generation by populating a 1000×1000 canvas with 500 randomly positioned, sized, and colored rectangles. Each `<rect>` element receives a random RGB fill, a random x/y coordinate within the viewport, and a random width and height up to 50 pixels. The code uses vanilla JavaScript with `Math.random()` to compute values and `document.querySelector('svg').innerHTML` to append shapes directly to the SVG DOM. The result is a dense, chaotic mosaic of overlapping squares with no underlying data or interaction, showcasing basic SVG rendering through a simple procedural loop.

NNita

61% match

Loading thumbnail…

Square Grid

A grid of gray squares fills the view, with each square representing a single unit, arranged so that rows of ten, blocks of one hundred, and groups of one thousand are visually distinct. The count, displayed as a large number, animates upward or downward as the grid randomly updates to a new total between zero and ten thousand, using transitions to add or remove squares. The visualization uses D3 v4 with data joins and tweens to interpolate the numeric label, while the grid’s layout is computed via `d3.range` and positional math. This example is forked from Mike Bostock’s original block.

GGerardoFurtado

61% match

Loading thumbnail…

Cell Matrix

A grid of purple and yellow rounded rectangles forms a randomly generated 16-by-8 cell matrix, with each cell’s color determined by a Math.random() call within the React component. The visualization is rendered as SVG rectangles using React and JSX, with cell dimensions computed from the container’s inner width and height divided by the grid counts. The layout is managed by a VizContainer component that applies margins and translates the SVG group, while the page loads React and D3 v6 from a CDN in the HTML entry point.

Ddartigues

60% match

Loading thumbnail…

Square Grid

A square grid visualization displays quantities from zero to 9,999 as a hundred-by-hundred matrix of small squares, grouped into rows and blocks to represent powers of ten. The animation randomly resets the target count, then uses `d3.select` and `d3.range` to update the `rect` elements via `.transition()` with staggered delays, while a text label interpolates its number using `d3.interpolateNumber` and a custom tween. The rendering uses SVG within a 960×990 canvas, with cell and group spacing computed from the available width.

GGerardoFurtado

60% match

Loading thumbnail…

Square Grid

This visualization displays a changing quantity as a grid of colored squares, where each square represents one unit, arranged so small rows of ten, groups of one hundred, and large rows of one thousand allow quick reading of exact counts by powers of ten. The count updates randomly, with squares animating in and out using `transition.attr("width", 0)` and `transition.delay` based on index. The SVG rendering uses `d3.select` and `d3.range` to manage the cells, and a `d3.interpolateNumber` tween animates the text label. The code uses the D3 v3 library and an interval timer to trigger updates.

Mmbostock

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

60% match