Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Shapes - Curves

Public visualization

Viewing a saved revision (read-only)

f7aed6c748cd42b0b3605c967e768d3d

D3 Shapes - Curves

0 stars1🌍 Public
SSubhendu Karmakar
Last edited Dec 28, 2023
Created on Dec 28, 2023

This example demonstrates how varying the beta parameter of d3.curveBundle alters the shape of a line connecting four fixed points. Seven paths are rendered as SVG elements, each using a different beta value from 0.4 to 1.0, with opacity increasing proportionally to the beta index. The d3.line generator applies the selected curve function to the same point array, producing a family of curves that gradually transition from a tight, angled path to a smoother, more rounded one. The visualization highlights the sensitivity of bundle curves to their tension parameter.

AI-generated description

D3 Scales - scaleTime()