Skip to main content
Log in
Z

ZaraKinneen

@ZaraKinneen·6 public vizzes

Loading thumbnail…

fresh block

A simple bar chart displays five categorical values (A through E) with corresponding numeric counts. The chart uses a light blue background and cream-colored bars, with blue axes labeled in sans-serif font. Built with D3.js version 3.5.17, the visualization constructs an ordinal x-scale and linear y-scale, rendering the bars as SVG rectangles. Axis components are generated using d3.svg.axis, and the chart is positioned within a fixed margin layout.

Mar 23, 2017
Loading thumbnail…

fresh block

This visualization uses static SVG shapes in D3 v4 to draw a simple house scene. A steel-blue rectangle forms the sky, a green rectangle represents the ground, and a yellow circle sits as the sun. The house itself consists of a white rectangular body, a grey triangular roof drawn with a custom SVG path, and a green door, with small black-framed squares acting as windows. All elements are positioned using direct SVG attributes and transforms, with no data binding or interactivity.

Mar 22, 2017
Loading thumbnail…

fresh block

This visualization uses static SVG shapes in D3 v4 to draw a simple house scene. A steel-blue rectangle forms the sky, a green rectangle represents the ground, and a yellow circle sits as the sun. The house itself consists of a white rectangular body, a grey triangular roof drawn with a custom SVG path, and a green door, with small black-framed squares acting as windows. All elements are positioned using direct SVG attributes and transforms, with no data binding or interactivity.

Mar 22, 2017
Loading thumbnail…

fresh block

A nearly blank SVG canvas displays only a single, small, commented-out text element, leaving the visualization empty. The page sets up a 960-by-500-pixel SVG container using D3 v4, appending it directly to the body with no active data binding, scales, or shapes. The code includes no data source or rendering logic beyond the empty `svg` element and a disabled text label, so the example shows a minimal starting point for a block rather than a completed chart. It relies solely on `d3.select` and `svg.append`.

Mar 22, 2017
Loading thumbnail…

fresh block

An empty SVG canvas is rendered at a fixed size of 960 by 500 pixels using D3 v4. The page contains no visible data or interactive elements; instead, it provides a blank starting point for further code. The script selects the body, appends an SVG element, and sets its dimensions, but no shapes, axes, or text are drawn. The commented-out text and code indicate the intended area for user edits, though the current visualization displays only a blank white space.

Mar 22, 2017
Loading thumbnail…

fresh block

A nearly blank SVG canvas displays no visible marks or interaction. The code creates an empty 960-by-500 pixel SVG element using d3.select and appends no shapes or text, with the only content commented out. It uses d3.v4 to set up the SVG container, but no data, scales, or rendering functions are applied, leaving the visualization empty. The example demonstrates the minimal starting structure for a D3 project in Blockbuilder, with only the body margin reset and SVG dimensions defined.

Mar 22, 2017