Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Blank Canvas

Public visualization

Blank Canvas

0 stars1🌍 Public
Iianleekq
Last edited Feb 20, 2019
Created on Feb 20, 2019

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.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed