Loading
All charts in the Ambrosio Health system built with pure CSS and SVG — no external libraries. Bar, line, donut, sparklines, gauges, heatmaps and data tables.
Vertical bar chart with 6 months of data, X and Y axes, values displayed on bars and brand gradient. Pure SVG + CSS.
SVG line chart with gradient area below the curve, circular data points and horizontal grid lines. No dependencies.
Donut chart via SVG stroke-dasharray. 4 supplement allocation categories with side legend and percentage values.
Compact inline lines for use in metric cards. Minimalist SVG without axes or labels — just the visual trend of the time series.
SVG semicircle with progress arc, color scale and CSS-animated needle. For Vitality Score, Biological Age and other performance indicators.
Extended grid for visualizing activity or protocol adherence based on graphic density rendered via array. Orange color opacity variation for intensity.
Data table with sorting indicators, zebra stripes, sticky header and biomarker rows. Translucent orange hover on rows.
| Biomarcador | Resultado | Referência | Status | Tendência | Última Coleta |
|---|---|---|---|---|---|
| Vitamina D3 | 68 ng/mL | 50–80 ng/mL | Ótimo | ↑ +50 | 15/06/2026 |
| Ômega-3 Index | 8.2% | 8–12% | Ótimo | ↑ +5.0 | 15/06/2026 |
| Magnésio RBC | 4.8 mg/dL | 4.5–6.0 mg/dL | Adequado | ↑ +0.3 | 15/06/2026 |
| Ferritina | 42 ng/mL | 30–100 ng/mL | Normal | ↓ -8 | 15/06/2026 |
| Zinco Sérico | 92 mcg/dL | 70–120 mcg/dL | Normal | ↑ +12 | 15/06/2026 |
| PCR-us | 0.4 mg/L | <1.0 mg/L | Ótimo | ↓ -0.6 | 15/06/2026 |
| Homocisteína | 8.2 mmol/L | <10 mmol/L | Adequado | ↓ -2.1 | 15/06/2026 |
| Cortisol AM | 18.4 mcg/dL | 10–20 mcg/dL | Atenção | ↑ +3.2 | 15/06/2026 |