Skip to main content
100%

Hash avatar

✓ Published0🌍 Public
VVolker Mische
Last edited Apr 14, 2023
Created on Mar 2, 2023
Forked from D3 Starter

This example renders a grid of vertical lines as a simple hash-based avatar. Each line’s stroke width and dash pattern are derived from two-bit values in a hard-coded array, using `d3.select` and `d3.selectAll` to append SVG `line` elements. The code uses bitmask operations to map each value to either a thin or bold stroke, and to solid or dashed styles, producing a compact visual identity from numeric data.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes