Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 2018 Assignment Graphics

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed