Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 2018 Assignment Graphics

Public visualization

Viewing a saved revision (read-only)

4ecfb976591143a0bc245338bd1c34fb

Dataviz 2018 Assignment Graphics

0 stars0🌍 Public
MMukund Khandelwal
Last edited Sep 11, 2018
Created on Sep 11, 2018

This example demonstrates a simple grid of blue squares rendered inside an SVG element. The visualization begins with a single static rectangle defined in the markup, then uses the D3.js `select` and `attr` APIs to programmatically append a looping series of additional rectangles, creating a dense 50-pixel grid pattern across the canvas. The underlying data is generated algorithmically rather than sourced from a dataset. The final result is an abstract, low-level exercise in shape composition, with the SVG output styled by a minimal external CSS file.

AI-generated description

Dataviz 2018 Assignment Graphics recreated using shapes with SVG and CSS notebook.