Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Sketch

Public visualization

Viewing a saved revision (read-only)

d67b8e9ca41143ec97305f6eb6e55977

Pseudo Sketch

0 stars0🌍 Public
JJack Hanlon
Last edited Sep 27, 2024
Created on Sep 26, 2024
Forked from Marks and Channels

This example renders a pseudo-sketch of an NBA dataset, plotting steals and blocks along the x and y axes while using mark size to represent defensive rebounds. The visualization uses randomly generated positions and sizes as placeholders for the actual data, with no axis labels or annotations. Built with D3.js (version 7.8.5), the code selects SVG elements and dynamically joins circles, assigning random `cx` and `cy` coordinates and radii derived from the data value using `Math.sqrt`. The rendering approach mirrors a quick sketch, prioritizing layout experimentation over polished presentation.

AI-generated description

Approx. of my NBA dataset sketches from last week where I'm plotting steals and blocks on the x and y respectively and then using the size of the mark to represent defensive rebounds

Using random sizes and positions as these would be dictated by my dataset and didn't put any plot labeling as I will for the actual vizualization