Viewing a saved revision (read-only)
3950b2cfcd874be0801dc9760f9ee9c0
Pseudo-Viz of Spacewalks
This pseudo-visualization uses horizontal bars to show the duration of spacewalks, with their lengths proportional to the data values. Overlaid circles use categorical colors to distinguish different spacewalkers, each positioned at a corresponding vertical index. The visualization employs the d3 selection API to build the SVG scene, combining a `length` module that renders rectangles with a `hue` module that draws colored circles. The data is a simple array of five values, and the design imitates a rough sketch of spacewalk tracks.
AI-generated descriptionA demonstration of basic D3 usage to implement the concept of Marks and Channels. Includes usage of:
- Point Marks by X, Y, Size
- Line mark varying in length
- Scaling factors
- SVG Rectangles
selection.each()- SVG Path Elements
d3.symbol()- SVG attributes
transformandfill - D3 Color Schemes
- JavaScript Modules
Part of the Constructing Visualizations Playlist.
See also blocks.roadtolarissa.com: Marks and Channels (a vanilla JavaScript version of this).