Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Flower Plot

Public visualization

Viewing a saved revision (read-only)

3e5730bf82a641afa9c9a2a4591cb78f

Reusable Flower Plot

0 stars0🌍 Public
Yyejichun@naver.com
Last edited Nov 12, 2021
Created on Nov 10, 2021
Forked from Hello HTML

The flower plot displays categorical data as radial, petal-shaped segments in an SVG visualization. Each petal is rendered using a D3 arc generator, with linear gradients applied along its length to show sub-value breakdowns. The chart supports multiple data series, with each petal’s width proportional to its final value. Interactive hover effects trigger a legend that shows individual component values and percentages, while petal strokes highlight on mouseover. The reusable component pattern uses getter-setter accessors to configure dimensions, colors, and titles, and it supports smooth transitions between datasets. D3’s pie layout and SVG paths handle the geometry and rendering.

AI-generated description

Reusable Flower Plot

Put your data in flowers!

-- <cite>Anonymous</cite>

This is the Flower Plot, a dataviz that lies somewhere in between stacked normalized charts and pie/donut charts.

Read more...