Blank Canvas

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

Blank Canvas

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.

TToooooooT

Blank Canvas

A blank, fixed, full-viewport SVG canvas is drawn using D3 (d3.v5). The visualization only renders a single rounded rectangle covering the entire browser window, with no underlying data or marks beyond this base shape. The code uses D3’s `select` and `attr` methods to size the SVG to the viewport’s clientWidth and clientHeight, applying rounded corners via `rx`. It relies on HTML `body` CSS for positioning and uses a simple SVG `rect` element for output.

Ccodexmon

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

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

Blank Canvas

This visualization displays a blank, rounded-corner rectangle that fills the entire browser viewport, occupying the full width and height of the page’s client area. The SVG canvas is dynamically sized using `document.body.clientWidth` and `document.body.clientHeight`, with the rectangle drawn via a simple `<rect>` element appended to the SVG. The styling uses fixed positioning and hidden overflow in CSS to ensure the canvas remains edge-to-edge. Built with d3.v5, the code leverages the d3 `select` method to target the SVG element, and no data source is used, as the piece is purely a minimal geometric composition.

Iianleekq

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

Blank Canvas

A blank SVG canvas fills the browser window with a single rounded rectangle. The visualization demonstrates minimal setup using D3 v5, where the `select` method targets the SVG element and sets its dimensions to match the viewport. A rect with a 40-pixel corner radius is appended to create the sole visual element. The example relies on the document body's client dimensions to size the canvas, with CSS constraining the page layout to prevent scrolling.

AAndreas Loew