Skip to main content
100%

fresh block

✓ Published0🌍 Public
MMokoshka
Last edited Feb 23, 2018
Created on Feb 23, 2018

This example shows five blue rectangles positioned side by side in an SVG, with heights corresponding to an array of numbers (100, 250, 175, 60, 150). The rectangles are drawn on a baseline at the bottom of the viewport, creating a simple bar chart. The code uses D3 v4’s `selection.data()` and `selection.attr()` methods to bind the data and set each rectangle’s x, y, width, height, fill, and stroke attributes. The `height` variable is referenced but not explicitly defined, so the vertical placement relies on the SVG’s default coordinate system.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/8f60245927efd1a89f64d489a978ed00'>fresh block</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/9c02e583f7fc9a5ab43707a922868a1b'>fresh block</a>

mit Licensed

Similar vizzes