Skip to main content
SimilarExport ZIP
100%

Blank Canvas

✓ Published1🌍 Public
Ffbudwill
Last edited Jun 9, 2020
Created on Jun 9, 2020

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.

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

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
96% match
Loading thumbnail…

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
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 blank, rounded rectangle fills the entire browser viewport as a standalone SVG canvas. The visualization demonstrates a minimal setup where no data or marks are present, only a styled background shape. The code uses D3 v5 to select the SVG element, set its width and height to the document body’s client dimensions, and append a single `rect` with a 40-pixel corner radius. No axes, scales, or interactions are defined, making this a static, empty canvas.

WWai Kit Tsang
95% match
Loading thumbnail…

Blank Canvas

This visualization displays a blank, rounded rectangle that fills the entire browser window. The SVG canvas is sized to match the viewport dimensions, and a single rectangle with a 40-pixel corner radius is appended to it. The code uses D3 v5’s `select` and `arc` imports, though only `select` is applied, while the styling relies on a fixed-position body with no margins or overflow. No data is loaded or rendered, leaving the canvas intentionally empty.

Mmla341
95% match
Loading thumbnail…

Blank Canvas

A blank, rounded rectangle fills the entire browser viewport, offering a clean slate with no imposed data or structure. The visualization queries the body's client dimensions to size the SVG canvas and appends a single rectangle with a 40-pixel corner radius. The page is fixed to the viewport via CSS, and the D3 v5 `select` and `append` methods compose the minimal geometry, rendering as SVG.

Bbencestubnya
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