Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Lines - Radial Line another variant

Public visualization

Viewing a saved revision (read-only)

9fc5e135ab414105bbd2c695dbe72de3

D3 Lines - Radial Line another variant

0 stars0🌍 Public
SSubhendu Karmakar
Last edited Dec 29, 2023
Created on Dec 29, 2023

This example demonstrates how D3’s radial line generator can create a decorative, repeating angular pattern. Two petals are drawn from a dataset of eight points, each specifying an angle and radius, producing a symmetrical loop around a central point. The generator, `d3.radialLine()`, maps these angle and radius values to a path rendered as an SVG stroke. The code directly sets the generator’s `.angle()` and `.radius()` accessors, then appends the resulting path to a `<g>` element inside a static SVG canvas.

AI-generated description

D3 Scales - scaleTime()