SVG Template Gallery

Explore every SVG visualization template covering fairness analysis, reporting, experimentation, and workflow integration in the vfairness rendering module. The gallery documents all 44 chart templates. The authoritative machine count for a given release is stats.svg_templates in vfairness-manifest.json; as of 0.1.0 that figure is 44, since it counts renderable charts only and excludes _shared_defs, an internal defs partial the chart templates share (not a chart itself). The gallery lays those 44 templates out across 49 example cards: the reporting dashboard is shown at its three report tiers (executive, operational, technical), and three cards demonstrate the higher-level facade helpers (FairnessDashboard, MetricsStore, ReportGenerator) rather than a standalone template. Click any template for a detailed preview with code examples. Every visualization is rendered in the platform's Blanco design language — a sharp-cornered, desaturated, near-monochrome scheme where colour is reserved for the four semantic tones (pass, warn, info, neutral).

SVG Rendering Module

The vfairness.rendering module provides polished, card-based SVG dashboards using Jinja2 templates. SVG rendering needs the [rendering] extra (Jinja2): pip install vfairness[rendering]. The rendered SVG output is self-contained, with no runtime, browser, or JavaScript dependency.

SVG Rendering Demo: vfairness_0_svg_rendering_demo.ipynb — Interactive walkthrough of every SVG template with live rendering and synthetic data

Rating:

0 of 0 example cards

Preprocessing & Feature Engineering

Bias detection and feature analysis visualizations

10 entries

Bias Audit Dashboard

Comprehensive bias detection report with historical patterns, proxy variables, and risk scores.

preprocessing dashboard ★★★

bias_audit_to_svg(report)

Correlation Heatmap

Feature correlation matrix highlighting potential proxy relationships with protected attributes.

preprocessing 700 x 600 ★★☆

correlation_heatmap_to_svg(data)

Correlation Matrix

General-purpose feature correlation matrix with multi-method support (Pearson, Spearman, Cramér's V) and per-cell method indicators.

preprocessing multi-method ★★☆

correlation_matrix_to_svg(data, methods=methods_dict)

Proxy Risk Analysis

Identifies features correlated with protected attributes that may enable indirect discrimination.

preprocessing 600 x 400 ★☆☆

proxy_risk_to_svg(proxies)

Transformation Comparison

Compare fairness impact of different feature transformation methods.

preprocessing 700 x 500 ★☆☆

transformation_comparison_to_svg(data)

Intersectional Analysis

Analyze fairness across intersectional subgroups to detect fairness gerrymandering.

preprocessing 800 x 600 ★☆☆

intersectional_analysis_to_svg(data)

Intersectional Disparity

Ranked-bar chart with ground truth overlay, severity-colored bars, prediction deltas, and key insights. Dual-lens view comparing model predictions to ground truth across subgroups.

preprocessing 800 x dynamic ★★☆

intersectional_disparity_to_svg(result)

Fairness Report Dashboard

High-level fairness summary dashboard with key metrics and pass/fail indicators.

preprocessing dashboard ★★★

fairness_report_to_svg(report)

Data Validation

Pre-training data validation with severity-coded issues, quality metrics, and pass/fail gate status.

preprocessing dashboard ★★★

svg = data_validation_to_svg(data, explanation="...")

Auto-Discovery Scanner

Automated detection of protected attributes, fairness violations, and intersectional privilege analysis.

preprocessing dashboard ★★☆

svg = auto_discovery_to_svg(data, explanation="...")

Training-Time Interventions

Fairness-aware training analysis and method comparison

4 entries

Training Report

Compact dashboard with baseline metrics, method comparison, and recommendations.

training 800 x 600 ★★★

training_report_to_svg(report)

Training Analysis Report

Full-page comprehensive analysis with group fairness bars, trade-off scatter, and action items.

training dashboard 900 x 940 ★☆☆

training_analysis_report_to_svg(report)

Method Comparison

Bar chart comparing accuracy and fairness violation across training methods.

training 700 x 400 ★☆☆

method_comparison_to_svg(comparisons)

Trade-off Analysis

Scatter plot showing accuracy vs fairness with Pareto frontier overlay.

training 700 x 500 ★☆☆

tradeoff_analysis_to_svg(tradeoff_data)

Post-Processing Interventions

Threshold optimization and prediction reweighting

3 entries

Threshold Optimization

Dashboard showing group-specific thresholds, positive rate distributions, and fairness improvement.

post-processing dashboard 900 x 680 ★★☆

threshold_optimization_to_svg(result)

Reweighting Comparison

Method comparison showing fairness improvement, accuracy change, and calibration impact.

post-processing 900 x 720 ★☆☆

reweighting_comparison_to_svg(report)

CI/CD Pipeline Report

MLOps deployment gate report with fairness checks and approval status.

post-processing dashboard ★★★

cicd_pipeline_to_svg(result)

Calibration Visualizations

Group-specific calibration analysis and reliability diagrams

5 entries

Calibration Report Dashboard

Comprehensive calibration analysis with ECE, MCE, and group-wise metrics.

calibration dashboard ★★☆

calibration_report_to_svg(report)

Reliability Diagram

Classic reliability diagram showing predicted vs actual probabilities across bins.

calibration 600 x 500 ★★☆

reliability_diagram_to_svg(data)

Group Calibration

Overlaid calibration curves for each demographic group.

calibration 700 x 500 ★☆☆

group_calibration_to_svg(data)

Calibration Disparity

Visualize calibration differences between groups across probability bins.

calibration 700 x 450 ★☆☆

calibration_disparity_to_svg(data)

Pareto Frontier

Accuracy-fairness-calibration trade-off frontier with optimal operating points.

calibration 700 x 500 ★☆☆

pareto_frontier_to_svg(data)

Evaluation & Metrics

Fairness metrics visualization and statistical analysis

10 entries

Fairness Detailed Report

Executive-level fairness assessment with score gauge, metrics table, and recommendations.

evaluation dashboard 900 x 900 ★☆☆

fairness_detailed_report_to_svg(report)

Radar Chart

Per-metric fairness on one axis: fair metrics reach outward into a round shape, failures cave toward the centre; a dashed ring marks the pass threshold.

evaluation 600 x 600 ★★★

radar_chart_to_svg(metrics)

Disparity Heatmap

Pairwise disparity matrix between all demographic groups.

evaluation 700 x 600 ★★☆

disparity_heatmap_to_svg(disparities)

Metrics Bar Chart

Bar chart comparing multiple fairness metrics with threshold lines.

evaluation 700 x 400 ★★☆

metrics_bar_chart_to_svg(metrics)

Group Comparison

Side-by-side comparison of metrics across demographic groups.

evaluation 700 x 450 ★★☆

group_comparison_to_svg(data)

Effect Sizes

Cohen's d and other effect size measures with magnitude interpretations.

evaluation 650 x 400 ★☆☆

effect_sizes_to_svg(effects)

Confidence Intervals

Fairness metrics with bootstrap or Bayesian confidence intervals.

evaluation 700 x 450 ★★☆

confidence_intervals_to_svg(data)

Robustness Testing

Permutation tests, sensitivity analysis, and subgroup audit with overall robustness score and recommendations.

evaluation dashboard ★★★

svg = robustness_testing_to_svg(data, explanation="...")

Ranking Fairness

Ranking fairness metrics with exposure parity, NDKL, group exposure bars, and position distribution table.

evaluation dashboard ★★☆

svg = ranking_fairness_to_svg(data, explanation="...")

Regression Fairness

Regression equity report with MAE/RMSE/R² parity badges, per-group metrics, effect sizes, and residual bias.

evaluation dashboard ★★☆

svg = regression_fairness_to_svg(data, explanation="...")

Monitoring & Operations

Real-time fairness monitoring, drift detection, and alert visualizations

4 entries

Monitoring Dashboard

Live fairness monitoring snapshot with metric values, alert status, group rates, and distribution shift (MMD) scores.

monitoring dashboard ★★★

monitoring_dashboard_to_svg(window_metrics)

Drift Report

Multi-scale fairness drift analysis with KS statistics, p-values, mean shifts, and per-scale detection status.

monitoring 780 x dynamic ★★☆

drift_report_to_svg(drift_result)

Alert Timeline

Chronological timeline of monitoring events showing alert status, sample counts, and flagged metrics.

monitoring 780 x dynamic ★☆☆

alert_timeline_to_svg(history)

Temporal Analysis

Trend analysis with metric summaries, weekly patterns, slope detection, and degradation checks over time.

monitoring 780 x 520 ★☆☆

temporal_analysis_to_svg(analyzer)

Reporting & Dashboards

Interactive dashboards, automated reports, and metrics storage for stakeholder communication

6 entries

Executive Dashboard

Board-level fairness summary: green health score (91/100), all metrics passing, stable trend. Minimal detail for executive stakeholders.

reporting executive ★★★

svg = reporting_dashboard_to_svg(tier="executive", save_path="exec.svg")

Operational Dashboard

Engineer-level dashboard: yellow health score (72/100), 1 threshold breach, 3 active alerts, degrading trend. Full breach report and NLG narrative.

reporting operational ★★★

svg = reporting_dashboard_to_svg(tier="operational", save_path="ops.svg")

Technical Audit

Full statistical audit: red health score (38/100), 3 metrics breached, 7 alerts (3 critical), confirmed drift event. KS stats and projected time-to-breach.

reporting technical ★★★

svg = reporting_dashboard_to_svg(tier="technical", save_path="tech.svg")

Metrics Store Dashboard

Unified data layer with privacy-preserving queries, health scores, and metric ingestion from monitors and experiments. The preview image is illustrative; MetricsStore is a data layer, not a chart.

reporting dashboard ★☆☆

store = MetricsStore(); store.ingest_from_monitor(monitor)

Interactive Fairness Dashboard

Plotly-based progressive-disclosure dashboard with executive, engineer, and auditor views. Supports time-window filtering. The preview image is illustrative; the class produces interactive Plotly output, not this SVG.

reporting dashboard ★☆☆

dashboard = FairnessDashboard(store); fig = dashboard.create_executive_view()

Automated Report Generator

Multi-format, multi-tier report generation with natural language summaries. Supports executive, engineer, and auditor tiers in HTML, PDF, and JSON. The preview image is illustrative; the class emits HTML, PDF, and JSON reports, not this SVG.

reporting HTML / PDF / JSON ★☆☆

gen = ReportGenerator(store, dashboard); report = gen.generate_executive_report()

Experimentation & A/B Testing

Fairness-aware A/B testing, power analysis, Pareto optimization, and causal decomposition

4 entries

Experiment Results

A/B test results with overall effect, forest plot of per-intersection effects, confidence intervals, and heterogeneity test.

experimentation dashboard ★★☆

svg = experiment_results_to_svg(result_data, explanation="...")

Experiment Recommendation

Deployment decision dashboard with confidence gauge, reasoning list, trade-off table, and caveats panel.

experimentation dashboard ★☆☆

svg = experiment_recommendation_to_svg(rec_data, explanation="...")

Power Analysis

Per-intersection statistical power analysis with bar chart, 80% threshold, and minimum detectable effect summary.

experimentation statistical ★☆☆

svg = power_analysis_to_svg(power_data, explanation="...")

Causal Decomposition

Causal mediation analysis with direct/indirect effects, Baron-Kenny steps, proportion mediated gauge, and temporal stability.

experimentation causal ★☆☆

svg = causal_decomposition_to_svg(decomposition, temporal, explanation="...")

Workflow Integration

MLOps, CI/CD gates, and PR report cards

Workflow Overview

Development workflow integration pipeline showing experiment tracking, version control, CI/CD gates, testing, and collaborative review stages.

workflow overview ★★☆

svg = workflow_overview_to_svg(explanation="...")

Hierarchical Fairness Gate

Three-level hierarchical fairness gate showing overall, single-attribute, and intersectional evaluation with small-sample warnings.

workflow gate ★★☆

svg = hierarchical_gate_to_svg(decision, explanation="...")

Fairness Report Card

PR-ready fairness report card with metric results, blocking issues, warnings, and deployment recommendation.

workflow report ★☆☆

svg = report_card_to_svg(decision=gate_decision, model_name="model-v3")

Complete Template Reference

Every SVG template in vfairness.rendering plus interactive components from vfairness.operations.reporting and vfairness.operations.experimentation:

Template	Adapter Function	Category	Description
`bias_audit.svg`	`bias_audit_to_svg()`	Preprocessing	Bias detection dashboard
`correlation_heatmap.svg`	`correlation_heatmap_to_svg()`	Preprocessing	Feature correlation matrix
`correlation_matrix.svg`	`correlation_matrix_to_svg()`	Preprocessing	General multi-method correlation matrix
`proxy_risk.svg`	`proxy_risk_to_svg()`	Preprocessing	Proxy variable detection
`transformation_comparison.svg`	`transformation_comparison_to_svg()`	Preprocessing	Feature transformation impact
`intersectional_analysis.svg`	`intersectional_analysis_to_svg()`	Preprocessing	Subgroup analysis
`intersectional_disparity.svg`	`intersectional_disparity_to_svg()`	Preprocessing	Ranked intersectional disparity, ground truth vs prediction
`fairness_report.svg`	`fairness_report_to_svg()`	Preprocessing	Summary dashboard
`data_validation.svg`	`data_validation_to_svg()`	Preprocessing	Pre-training data validation
`auto_discovery.svg`	`auto_discovery_to_svg()`	Preprocessing	Protected attribute scanner
`training_report.svg`	`training_report_to_svg()`	Training	Compact training report
`training_analysis_report.svg`	`training_analysis_report_to_svg()`	Training	Full training analysis
`method_comparison.svg`	`method_comparison_to_svg()`	Training	Method bar chart
`tradeoff_analysis.svg`	`tradeoff_analysis_to_svg()`	Training	Pareto scatter plot
`threshold_optimization_report.svg`	`threshold_optimization_to_svg()`	Post-Processing	Threshold dashboard
`reweighting_comparison_report.svg`	`reweighting_comparison_to_svg()`	Post-Processing	Reweighting methods
`cicd_pipeline.svg`	`cicd_pipeline_to_svg()`	Post-Processing	Deployment gate
`calibration_report.svg`	`calibration_report_to_svg()`	Calibration	Calibration dashboard
`reliability_diagram.svg`	`reliability_diagram_to_svg()`	Calibration	Classic reliability plot
`group_calibration.svg`	`group_calibration_to_svg()`	Calibration	Per-group calibration
`calibration_disparity.svg`	`calibration_disparity_to_svg()`	Calibration	Calibration gap
`pareto_frontier.svg`	`pareto_frontier_to_svg()`	Calibration	Trade-off frontier
`fairness_detailed_report.svg`	`fairness_detailed_report_to_svg()`	Evaluation	Executive report
`radar_chart.svg`	`radar_chart_to_svg()`	Evaluation	Multi-metric radar
`disparity_heatmap.svg`	`disparity_heatmap_to_svg()`	Evaluation	Pairwise disparities
`metrics_bar_chart.svg`	`metrics_bar_chart_to_svg()`	Evaluation	Metrics comparison
`group_comparison.svg`	`group_comparison_to_svg()`	Evaluation	Group metrics
`effect_sizes.svg`	`effect_sizes_to_svg()`	Evaluation	Effect magnitudes
`confidence_intervals.svg`	`confidence_intervals_to_svg()`	Evaluation	Statistical CIs
`robustness_testing.svg`	`robustness_testing_to_svg()`	Evaluation	Robustness & sensitivity testing
`ranking_fairness.svg`	`ranking_fairness_to_svg()`	Evaluation	Ranking fairness metrics
`regression_fairness.svg`	`regression_fairness_to_svg()`	Evaluation	Regression equity report
`monitoring_dashboard.svg`	`monitoring_dashboard_to_svg()`	Monitoring	Live fairness dashboard
`drift_report.svg`	`drift_report_to_svg()`	Monitoring	Multi-scale drift report
`alert_timeline.svg`	`alert_timeline_to_svg()`	Monitoring	Alert history timeline
`temporal_analysis.svg`	`temporal_analysis_to_svg()`	Monitoring	Trend & pattern analysis
`experiment_results.svg`	`experiment_results_to_svg()`	Experimentation	A/B test results & forest plot
`experiment_recommendation.svg`	`experiment_recommendation_to_svg()`	Experimentation	Deployment recommendation
`power_analysis.svg`	`power_analysis_to_svg()`	Experimentation	Statistical power analysis
`causal_decomposition.svg`	`causal_decomposition_to_svg()`	Experimentation	Causal mediation analysis
`workflow_overview.svg`	`workflow_overview_to_svg()`	Workflow	Development workflow pipeline
`hierarchical_gate.svg`	`hierarchical_gate_to_svg()`	Workflow	Hierarchical fairness gate
`report_card.svg`	`report_card_to_svg()`	Workflow	PR fairness report card
`reporting_dashboard.svg`	`reporting_dashboard_to_svg(tier="executive"\|"operational"\|"technical")`	Reporting	Multi-tier fairness report dashboard
`MetricsStore`	`MetricsStore()`	Reporting	Unified metrics data layer
`FairnessDashboard`	`FairnessDashboard()`	Reporting	Interactive Plotly dashboard
`ReportGenerator`	`ReportGenerator()`	Reporting	Automated multi-format reports
`FairnessExperiment`	`FairnessExperiment()`	Experimentation	Fairness A/B testing
`FairnessPowerAnalyzer`	`FairnessPowerAnalyzer()`	Experimentation	Power analysis & SPRT
`ExperimentAnalysis`	`ExperimentAnalysis()`	Experimentation	Pareto & causal analysis

Quick Usage

python

from vfairness.rendering import (
    render_svg, list_templates,
    # Report dashboards
    bias_audit_to_svg, calibration_report_to_svg, fairness_report_to_svg,
    # Feature engineering
    correlation_matrix_to_svg,
    # Training
    training_report_to_svg, training_analysis_report_to_svg,
    # Post-processing
    threshold_optimization_to_svg, reweighting_comparison_to_svg,
    # Evaluation
    fairness_detailed_report_to_svg, radar_chart_to_svg,
    # Monitoring
    monitoring_dashboard_to_svg, drift_report_to_svg,
    alert_timeline_to_svg, temporal_analysis_to_svg,
    # Reporting
    reporting_dashboard_to_svg,
    # Experimentation
    experiment_results_to_svg, experiment_recommendation_to_svg,
    power_analysis_to_svg,
    # Workflow integration
    workflow_overview_to_svg,
    hierarchical_gate_to_svg,
    report_card_to_svg,
)

# List all available templates
print(list_templates())

# Render using adapter functions
svg = training_analysis_report_to_svg(report, save_path='report.svg')

# Or use render_svg directly
svg = render_svg('radar_chart', {'metrics': [...], 'groups': [...]})

# ── Reporting ──────────────────────────────────────────────
from vfairness.operations.reporting import (
    MetricsStore, FairnessDashboard, ReportGenerator, InteractiveDashboard
)

store = MetricsStore()
store.ingest_from_monitor(monitor)          # Feed from monitoring
dashboard = FairnessDashboard(store)
fig = dashboard.create_executive_view()     # Plotly figure

gen = ReportGenerator(store, dashboard)
report = gen.generate_executive_report()    # HTML / PDF / JSON

# ── Experimentation ────────────────────────────────────────
from vfairness.operations.experimentation import (
    FairnessExperiment, FairnessPowerAnalyzer, ExperimentAnalysis
)

exp = FairnessExperiment(
    control_data=df_ctrl, treatment_data=df_treat,
    protected_attributes=['gender', 'race'], outcome_column='approved',
)
result = exp.run_full_analysis()
analysis = ExperimentAnalysis(result, experiment=exp)
rec = analysis.decision_recommendation()   # Deploy / hold / revert

SVG Template Gallery

No templates found

Preprocessing & Feature Engineering

Training-Time Interventions

Post-Processing Interventions

Calibration Visualizations

Evaluation & Metrics

Monitoring & Operations

Reporting & Dashboards

Experimentation & A/B Testing

Workflow Integration

Complete Template Reference

Quick Usage