Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 2018 Assignment Graphics

Public visualization

Viewing a saved revision (read-only)

d80ccf6b8b534aeca40e4430766e00d3

Dataviz 2018 Assignment Graphics

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

A grid of small blue rectangles is arranged in seven rows and three columns inside a grey rectangular frame, with one rectangle overwritten in the third row. The layout is generated programmatically using nested JavaScript loops that create SVG `rect` elements via `document.createElementNS` and append them to an SVG element with the `xmlns` namespace. Pure SVG and CSS render the shapes, with no external visualization library.

AI-generated description

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

Code fragments used from stackoverflow