Sudoku

100%

✓ Published0🌍 Public

Last edited Sep 2, 2019

Created on Sep 2, 2019

The visualization displays a Sudoku puzzle grid, where each cell contains a number from the provided data set. It shows the puzzle’s initial state with givens (nonzero digits) and empty cells (zeros) laid out in a 9x9 matrix. The grid is rendered using D3.js, with `d3.forceSimulation` positioning the cells and `d3.select` handling DOM updates. The numbers are drawn as text elements, while the grid lines are created via SVG rectangles and paths. The data originates from a plain text file (`sudoku.txt`) parsed into an array, and the code uses standard SVG attributes for styling and layout.

AI-generated description

Similar vizzes

Loading thumbnail…

Sudoku Game

An interactive Sudoku game presents a 9×9 grid where players fill empty cells with numbers 1 through 9, following the classic puzzle rules. The board is rendered as an HTML grid, with cells styled through CSS and interactivity managed by JavaScript. The game offers multiple difficulty levels, a timer, and a hint system. The core logic relies on custom JavaScript classes and functions, including backtracking algorithms for puzzle generation and solving, while the user interface responds to clicks and keyboard input.

NNita

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

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

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

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

65% match

Loading thumbnail…

2-Dimensional Data Display

A 2-dimensional grid of numeric values is displayed as a matrix of colored squares, with each cell’s value overlaid as white text. The visualization uses D3.js v5 with SVG rendering, employing `selectAll`, `data`, and `enter` to bind nested array data from a hardcoded dataset to rows and columns. Each square is a `rect` with fixed dimensions, and text labels are positioned within cells, demonstrating a basic data binding and layout pattern.

Ffloresh

65% match

Loading thumbnail…

JS Bin

A grid of small colored cells arranged in 21 rows and 4 columns, where green cells represent 1 values and white cells represent 0 values from a binary solution array. The visualization includes a top axis labeled with employee indices (0–3) and a left axis labeled with time slots (0–20), created using D3.js with SVG rendering. The data represents a scheduling or optimization solution, with each cell colored according to its binary value using a linear color scale from white to green.

VValIlya

64% match

Loading thumbnail…

Sudoku solver in rust

A Sudoku solver implemented in Rust displays a completed 9x9 puzzle grid as a console output, replacing empty cells with solved digits. The code models the board as a 2D array of characters and converts it to integers, then uses a backtracking algorithm with constraint propagation to find the solution. The `solve_step` function recursively tries candidate numbers, while `get_possible_numbers` checks row, column, and 3x3 subgrid constraints to filter valid options. The final result prints the solved board row by row using standard Rust formatting and I/O operations.

VValIlya

64% match