heart_fill(
fill_level = 0.65,
heartSize = 150,
strokeColor = "#C00",
strokeWidth = 4,
fillColor = "red",
renderFillLabel = TRUE,
labelColor = "#333",
labelFontSize = "16px",
titleText = "Fill level",
titleColor = "#333",
titleFontSize = "14px",
font = "Verdana, Geneva, Tahoma, sans-serif"
)Numeric value between 0 and 1 indicating how full the heart should appear (e.g., 0.8 = 80
heartSizeNumeric width/height scale for the heart shape in pixels.
strokeColorColor of the heart outline.
strokeWidthWidth of the outline stroke.
fillColorFill color of the heart (used to indicate level).
renderFillLabelLogical; if `TRUE`, a percentage label is shown above the heart.
labelColorColor of the percentage label text.
labelFontSizeFont size of the percentage label text (e.g., `"16px"`).
fontFont family for text.
An interactive D3 heart fill visualization. This function renders a heart-shaped SVG graphic that fills from the bottom up based on the provided level. The appearance of the heart and accompanying label can be fully customized. heart_fill(fill_level = 0.9) heart_fill(fill_level = 0.4, fillColor = "pink", labelColor = "#C00", strokeColor = "#900")