lc_label_*

Create labeled lists with optional colored bullets. While commonly used with doughnut charts, labels operate independently and work with any visualization.


Element Setup

Main Element:

  • Element type: <text>
  • ID format: lc_label_* (e.g., lc_label_legend, lc_label_categories)

Input Format

Labels Only:

Label1;Label2;Label3

With Color Bullets:

Label1,color1;Label2,color2;Label3,color3

With Word Wrapping (third parameter = character limit):

Long Label Text,blue,20;Another Long Label,red,20

Color Options

Named colors or hex values. If colors are omitted, uses project’s default color palette.


Usage Example

<!-- In your SVG -->
<text id="lc_label_nps-scores" x="50" y="100" font-size="16">
  Placeholder text
</text>

<!-- In your dataset -->
{{ nps-scores }} = "Promoters (9-10),green;Passives (7-8),blue;Detractors (0-6),red"

Result: Three labeled items with colored bullets matching colors


Common Use Cases

  • Doughnut chart legends
  • Status indicators
  • Product categories
  • Survey responses

← Back to Custom Overview


This site uses Just the Docs, a documentation theme for Jekyll.