Skip to main content
SimilarExport ZIP
100%

Blank Canvas

✓ Published1🌍 Public
TToooooooT
Last edited Sep 18, 2022
Created on Sep 18, 2022

A full-screen blank canvas renders as a rounded rectangle filling the browser viewport, with no marks or data. The visualization uses D3 v5’s `select` to target the SVG element and sets its dimensions from the document body’s client width and height, then appends a single `rect` with a 40-pixel corner radius. The fixed-position CSS ensures the canvas remains edge-to-edge regardless of scroll, while the empty SVG plus appended rectangle constitutes the entire graphic.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Blank Canvas

A blank, rounded-corner rectangle fills the entire browser viewport on a fixed, overflow-hidden page. The visualization is an empty canvas, showing no data or marks, only a single SVG `rect` element with a large corner radius. It uses D3 v5’s `select` API to target the SVG element and set its width and height to the document body’s client dimensions. The rendering is purely SVG, with no axes, labels, or interaction.

NNico Donovan
96% match
Loading thumbnail…

Blank Canvas

The visualization displays a blank, rounded rectangle that fills the entire browser viewport, with no data or marks drawn. It uses D3 v5 to select the SVG element and set its width and height based on the document body’s client dimensions, then appends a single `<rect>` with a 40-pixel corner radius. The code logs the viewport size to the console, and the CSS fixes the body to prevent scrolling, leaving the canvas as a pure, empty surface.

Ffbudwill
96% match
Loading thumbnail…

Blank Canvas

A blank, rounded rectangle fills the entire browser viewport, serving as a minimal canvas with no data or marks rendered. The SVG element is dynamically sized to match the window dimensions using the D3v5 `select` API, and a single `rect` is appended with a 40-pixel corner radius. The complete visual result is a simple, frameless field, demonstrating basic SVG construction with D3’s selection and attribute-chaining methods against a fixed-position, full-screen body.

Vvaynexie
95% match
Loading thumbnail…

Blank Canvas

A blank, rounded rectangle fills the browser window, adapting to the full viewport dimensions. The visualization is empty, showing no data or marks. It uses D3 v5's `select` to target the SVG element and sets its width and height based on `document.body.clientWidth` and `clientHeight`, then appends a single `rect` with a corner radius of 40 pixels. The page's CSS fixes the body to prevent scrolling.

NNameeeee
95% match
Loading thumbnail…

Blank Canvas

A full-window, rounded rectangle fills the browser viewport as a blank canvas, rendered as a static SVG shape. The visualization demonstrates a minimalist setup using D3 v5’s `select` to target the SVG element and set its width and height attributes based on the document’s client dimensions. A single `rect` is appended with a large corner radius (`rx` of 40), and CSS fixes the body to eliminate scrolling. No data or interactive behavior is present; the piece simply showcases a clean, borderless visual starting point.

Fforeverworld1879
95% match
Loading thumbnail…

Blank Canvas

A single rounded rectangle fills the entire viewport, rendered in SVG with no data or marks. The visualization uses D3 v5’s `select` to bind the SVG element, then sets its width and height to the browser window’s client dimensions. A `rect` is appended with a 40-pixel corner radius, creating a soft-edged blank canvas. The code relies on `document.body.clientWidth` and `clientHeight` for sizing, with the body fixed and overflow hidden via CSS.

MMatthiasVanCampen
95% match
Loading thumbnail…

Blank Canvas

A blank, full-viewport SVG canvas renders as a large rounded rectangle, filling the entire browser window. The visualization uses d3 v6’s `select` to target the empty `svg` element and sets its width and height to the viewport dimensions via `clientWidth` and `clientHeight`. A single `rect` is appended with a 40-pixel corner radius, creating a soft-edged frame. The CSS fixes the body position to eliminate scrolling, ensuring the canvas remains static and unobstructed, with no data or interaction yet defined.

Rrainyrainyguo
95% match
Loading thumbnail…

Blank Canvas

A blank canvas is presented as a full-screen, rounded rectangle rendered in SVG, filling the entire viewport with a clean, empty surface. The visualization uses D3.js v5 via the `select` method to create and size the `rect` element dynamically based on the browser window's dimensions. No data is loaded or displayed, and the code simply sets the SVG's width and height attributes before appending the rectangle. The result is a minimal, static composition that foregrounds the canvas itself as the subject.

MMinwoo Pak
95% match