Rhodonea Silk Ribbon

100%

Rhodonea Silk Ribbon

✓ Published0🌍 Public

Last edited Jul 19, 2026

Created on Jul 19, 2026

A generative data-art piece draws layered Rhodonea rose curves as animated silk ribbons, revealing a slowly rotating, warm neon flower. Each of the 100 paths maps polar coordinates (r = sin(k·θ)) with increasing scale and rotation offsets, then fades in sequentially using D3 transitions. The SVG renderer applies `d3.line` with `curveBasisClosed` and a sequential interpolator for color, producing a shimmering, layered effect against a dark background.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Mathematical Flora

Mathematical Flora renders a layered Rhodonea rose curve as a cascading series of animated, warm-colored SVG paths. The visualization shows 100 nested stroke rings, each progressively scaled and rotated to form a silk-ribbon-like flower. Using d3.line with curveBasisClosed and a scaleSequential interpolator, the code generates polar coordinates from the equation r = sin(kθ), then animates opacity through d3 transition delays for a sequential bloom effect.

Bboukhaliljoe9@gmail.com

81% match

Loading thumbnail…

Ribbon

This visualization uses hand-coded angular paths to draw colored ribbons on an SVG canvas. Five semi-transparent ribbon shapes are defined with start and end angles for source and target arcs, then rendered using a custom `ribbon()` function. The paths are filled with distinct colors from `d3.schemeSet3` and positioned at the center of a 1600x800 viewport. While the code references a Caltech36 social network dataset, the current example displays stylized geometric arcs rather than actual network data, demonstrating the possible output of the `d3.ribbon()` API.

Vvivianaaai@qq.com

74% match

Loading thumbnail…

wheels on wheels on wheels

This interactive visualization animates layered rotating wheels, tracing complex rosette patterns onto a black canvas. Each wheel’s radius, rotation direction, and phasing can be adjusted via the dat.GUI controller, while a random mode continuously generates new designs. The SVG paths, stroked in white with the third wheel’s position marked in red, update in real time. Built with D3.js for rendering and dat.GUI for controls, it explores cyclic motion and symmetry, allowing users to stop randomization and fine-tune parameters to see the pattern evolve dynamically.

KKcnarf

67% match

Loading thumbnail…

flush-cord

Two offset dashed circles sit on a black background, each with a draggable control at its edge. Dragging a control changes the angle of a connecting ribbon, which bends between the two circles to form a smooth, tapered chord whose thickness and curvature adjust dynamically. The example uses D3’s drag behavior and SVG path elements, with the ribbon drawn as a cubic Bézier curve clipped by the circle geometry. Data is generated procedurally from mouse position, with no external dataset.

11wheel

67% match

Loading thumbnail…

Animated Flowers

A field of ten glowing flowers drifts in a dark green gradient background, each flower composed of two crossed ellipses and a central circle. Driven by a continuously updating timestamp `t`, each flower follows a spiral path via sine and cosine functions, rotating and changing fill color based on its index. Built with React and rendered as animated SVG, the effect uses `requestAnimationFrame` to update state and CSS filters for drop shadows and radial gradients, all defined in `index.js` and `Ellipse.js`.

NNita

66% match

Loading thumbnail…

circle-braid

Two animated paths form interwoven circle-like braids against a dark background. The visualization uses a timer to continuously update the points along each path, with their radii modulated by a triangle wave that shifts over time, creating a breathing, twisting effect. Built with D3 v3, it renders SVG paths whose coordinates are recalculated each frame from trigonometric functions, while the data is generated procedurally rather than loaded from an external source.

11wheel

66% match

Loading thumbnail…

Creative Circles by Charan

This visualization displays a spiral galaxy of 420 circles that bloom outward from the center, colored with the rainbow spectrum. The circles are positioned using the golden angle and square-root scaling, creating a phyllotaxis-like pattern. Built with D3 v7 and SVG, each circle transitions from radius 0 to its full size with staggered delays, then continuously pulses via chained `transition()` calls with `easeSinInOut`, demonstrating D3's animation capabilities with `interpolateRainbow` for color mapping.

Ccsabavath@wpi.edu

66% match

Loading thumbnail…

Rota2

A black circular canvas contains eight white lines radiating from the center, dividing the circle into sixteen equal sectors. A single rotating group, animated with SVG `<animateTransform>`, spins one set of eight white dots around the center while counter-rotating on its own axis. The dots trace paths determined by the combination of these two rotations, creating a dynamic, hypnotic pattern. The entire composition is rendered in static SVG with inline animation declarations.

AArturo Guevara

66% match