Skip to main content
100%

Pseudo Sketch

✓ Published0🌍 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

MIT Licensed

Similar vizzes