Interactive Sliders — Body Composition Lab Variant

What it does

• Drag-to-adjust inputs — sliders for the variables that reshape the breakdown
• Live composition chart — bars, rings, or stacked segments redraw smoothly with every change
• Category breakdown panel — each category's percentage updates alongside the chart
• Healthy-range markers — optional indicators show when categories drift outside a reference range
• Reset and preset buttons — return to baseline or jump to common scenarios

Best use cases

• Health and fitness — body composition, macronutrient breakdowns, training-zone splits
• Personal finance — budget category breakdowns, portfolio allocation
• Business education — revenue-mix or expense-mix dashboards
• Sustainability and climate — carbon-footprint category breakdowns
• Time management — weekly time-allocation visualizers

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for background, each chart category, slider handles, range markers, and result emphasis.
• Fonts — two roles: a clear display font for category percentages and a body font for labels and notes.
• Copy — lab title, slider labels, category names, range explanations, and any guidance copy.
• Images — optional silhouette, body map, or icon set to anchor the breakdown visually.
• Behavior — set min/max ranges, step size, defaults, and which categories drive which calculations.