Skip to main content
100%

Seven Symbols

✓ Published0🌍 Public
Aajayjayayy
Last edited Aug 25, 2018
Created on Aug 25, 2018

Seven Symbols displays the seven symbol types provided by d3-shape—circle, cross, diamond, square, star, triangle, and wye—each rendered as an SVG path with a fixed area of 2500 square pixels and a red reference circle showing its bounding radius. The paths are centered on their centroids and continuously rotate using d3.timer, with the rotation applied via the transform attribute. The code selects all path elements, binds each to its corresponding d3.symbol type, and regenerates the path data each frame using the symbol.type() function.

AI-generated description

The seven symbols supported by d3-shape. Each has a configurable area (here, 2500 square pixels) and is positioned around its centroid.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/6d9d75ee13abbcfea6e0'>Seven Symbols</a>

gpl-3.0 Licensed

Similar vizzes