Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 multiple simbols

Public visualization

d3 multiple simbols

0 stars0🌍 Public
Sserebryanaya.n@gmail.com
Last edited Mar 2, 2023
Created on Feb 15, 2023
Forked from d3 simbols

This example demonstrates a grid of intersecting horizontal and vertical bars, overlaid with multiple distinct SVG symbols. The visual effect is achieved by using SVG masks to selectively reveal the grid lines through the shapes of the symbols. The code uses the d3 library's `select`, `range`, `symbols`, and `symbol` functions to generate the paths, and renders the final result as an SVG element. Two masks, one inverted and one not, are applied to the bars to create the layered, symbolic pattern.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed