SVG Template Gallery

Explore all 49 SVG visualization templates covering fairness analysis, reporting, experimentation, and workflow integration in the vfairness rendering module. Click any template for a detailed preview with code examples.

SVG Rendering Module

The vfairness.rendering module provides polished, card-based SVG dashboards using Jinja2 templates. Zero dependencies beyond Python stdlib — auto-upgrades to Jinja2 when available.

SVG Rendering Demo: vfairness_0_svg_rendering_demo.ipynb — Interactive walkthrough of all 49 SVG templates with live rendering and synthetic data

Rating:

49 of 49 templates

Preprocessing & Feature Engineering

Bias detection and feature analysis visualizations

10 templates

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 templates

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 templates

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 templates

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 templates

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

Multi-dimensional fairness metrics visualization across groups.

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 templates

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 templates

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.

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.

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.

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 templates

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

All 49 SVG templates 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
`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_executive.svg`	`reporting_dashboard_to_svg(tier="executive")`	Reporting	Executive tier — green, board-level
`reporting_dashboard_operational.svg`	`reporting_dashboard_to_svg(tier="operational")`	Reporting	Operational tier — yellow, engineer view
`reporting_dashboard_technical.svg`	`reporting_dashboard_to_svg(tier="technical")`	Reporting	Technical tier — red, full audit
`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