XML Data Engine & Tabular Explorer
How to parse, compute, and render structured XML datasets at build-time and interactively with Carbon Design System components.
The Carbon Modular Engine includes native XML dataset integration, enabling build-time statistical parsing and high-performance client-side exploration of hierarchical XML data without third-party dependencies.
1. Declarative XML Table Shortcode
The {{< xml-table >}} shortcode ingests raw XML files (such as telemetry logs, power grid feeds, institutional registries, or sensor matrices), computes key performance indicators at build time, and renders an accessible Carbon Design System data table:
XML DATASET
10 Records
European Renewable Energy & Carbon Telemetry
Structured XML Dataset Explorer
Active Nodes
10
100% Operational
Total Capacity
5540.5 MW
Installed Clean Output
Actual Generation
5058.5 MW
Real-time Telemetry
Mean Efficiency
89.5%
High Yield Band
| Node Name | Country / Region | Capacity | Output | Efficiency | Carbon (g/kWh) | Status |
|---|---|---|---|---|---|---|
| Lisbon Solar & Ocean Terminal | Portugal Europe South | 480.5 MW | 412.3 MW | 85.8% | 14.2 | Optimal |
| Madrid Solar Highlands | Spain Europe South | 620.0 MW | 545.6 MW | 88.0% | 18.6 | Optimal |
| Paris Seine Hydro-Kinetic | France Europe Central | 310.0 MW | 285.4 MW | 92.1% | 9.5 | Optimal |
| London Thames Tidal Array | United Kingdom Europe West | 250.0 MW | 198.7 MW | 79.5% | 22.4 | Operational |
| Berlin Wind Park Brandenburg | Germany Europe Central | 750.0 MW | 680.2 MW | 90.7% | 16.8 | Optimal |
| Amsterdam Offshore Wind Hub | Netherlands Europe West | 820.0 MW | 760.5 MW | 92.7% | 11.3 | Optimal |
| Brussels Distributed Bio-Grid | Belgium Europe West | 180.0 MW | 145.0 MW | 80.6% | 28.1 | Operational |
| Copenhagen Øresund Wind Cluster | Denmark Europe North | 540.0 MW | 510.8 MW | 94.6% | 7.9 | Optimal |
| Stockholm Hydro Dynamic Station | Sweden Europe North | 910.0 MW | 885.0 MW | 97.3% | 4.2 | Optimal |
| Zurich Alpine Pumped Storage | Switzerland Europe Central | 680.0 MW | 635.0 MW | 93.4% | 6.1 | Optimal |
2. Key Architecture Features
- Build-Time Computation: Pre-computes total records, cumulative capacity, mean output, and generation efficiency at compile time via Hugo’s native
transform.Unmarshalengine, ensuring instant first-contentful-paint (FCP). - Client-Side Live Filtering: Instant live text filtering and column sorting across all numeric and string columns powered by
assets/js/xml-engine.js. - Zero Runtime Dependencies: Native browser
DOMParserand DOM manipulation with zero heavy table libraries. - Direct Data Download: Includes one-click direct download of the underlying XML document.
- Strict Carbon Design Tokens: Zebra striping, compact row heights, monospace telemetry identifiers, and color-coded status badges.
3. Shortcode Parameter Reference
| Parameter | Type | Default | Description |
|---|---|---|---|
src | String | (Required) | Static URL path to the .xml file (e.g. /data/telemetry.xml). |
title | String | "XML Data Explorer" | Heading displayed above the dataset. |
description | String | "" | Optional subtitle or contextual metadata summary. |
pageSize | Number | 10 | Default visible rows per page. |
id | String | Auto-generated | Unique DOM identifier for the table container. |