494 lines
16 KiB
HTML
494 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PyTorch vs RustyTorch++ PINN Benchmark</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
<style>
|
|
:root {
|
|
--primary: #4f46e5;
|
|
--primary-dark: #3730a3;
|
|
--secondary: #06b6d4;
|
|
--rust-color: #f97316;
|
|
--pytorch-color: #ee4c2c;
|
|
--success: #10b981;
|
|
--warning: #f59e0b;
|
|
--bg-dark: #1e1e2e;
|
|
--bg-card: #2a2a3e;
|
|
--text: #e2e8f0;
|
|
--text-muted: #94a3b8;
|
|
--border: #3f3f5a;
|
|
}
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
|
|
background: linear-gradient(135deg, var(--bg-dark) 0%, #0f0f1a 100%);
|
|
color: var(--text);
|
|
line-height: 1.6;
|
|
min-height: 100vh;
|
|
}
|
|
.container { max-width: 1400px; margin: 0 auto; padding: 2rem; }
|
|
header {
|
|
text-align: center;
|
|
padding: 3rem 0;
|
|
border-bottom: 1px solid var(--border);
|
|
margin-bottom: 2rem;
|
|
}
|
|
h1 {
|
|
font-size: 2.5rem;
|
|
background: linear-gradient(135deg, var(--pytorch-color), var(--rust-color));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.subtitle { color: var(--text-muted); font-size: 1.1rem; }
|
|
.timestamp { margin-top: 1rem; color: var(--text-muted); font-size: 0.9rem; }
|
|
section { margin-bottom: 3rem; }
|
|
h2 {
|
|
font-size: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
padding-bottom: 0.5rem;
|
|
border-bottom: 2px solid var(--primary);
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
.card {
|
|
background: var(--bg-card);
|
|
border-radius: 12px;
|
|
padding: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
border: 1px solid var(--border);
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.specs-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
gap: 1rem;
|
|
}
|
|
.spec-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
padding: 1rem;
|
|
background: rgba(79, 70, 229, 0.1);
|
|
border-radius: 8px;
|
|
border-left: 3px solid var(--primary);
|
|
}
|
|
.spec-icon { font-size: 1.5rem; width: 40px; text-align: center; }
|
|
.spec-label { color: var(--text-muted); font-size: 0.85rem; text-transform: uppercase; }
|
|
.spec-value { font-weight: 600; color: var(--text); }
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-top: 1rem;
|
|
}
|
|
th, td {
|
|
padding: 0.75rem 1rem;
|
|
text-align: left;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
th {
|
|
background: rgba(79, 70, 229, 0.2);
|
|
font-weight: 600;
|
|
color: var(--secondary);
|
|
text-transform: uppercase;
|
|
font-size: 0.8rem;
|
|
}
|
|
tr:hover { background: rgba(79, 70, 229, 0.1); }
|
|
.winner { color: var(--success); font-weight: 700; }
|
|
.speedup { color: var(--warning); font-weight: 600; }
|
|
.chart-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
|
|
gap: 2rem;
|
|
margin-top: 2rem;
|
|
}
|
|
.chart-card {
|
|
background: var(--bg-card);
|
|
border-radius: 12px;
|
|
padding: 1.5rem;
|
|
border: 1px solid var(--border);
|
|
}
|
|
.chart-title {
|
|
font-size: 1.1rem;
|
|
margin-bottom: 1rem;
|
|
color: var(--secondary);
|
|
}
|
|
canvas { max-height: 400px; }
|
|
footer {
|
|
text-align: center;
|
|
padding: 2rem;
|
|
border-top: 1px solid var(--border);
|
|
color: var(--text-muted);
|
|
}
|
|
.legend {
|
|
display: flex;
|
|
gap: 2rem;
|
|
justify-content: center;
|
|
margin: 1rem 0;
|
|
}
|
|
.legend-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
.legend-color {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 4px;
|
|
}
|
|
.pytorch-bg { background: var(--pytorch-color); }
|
|
.rust-bg { background: var(--rust-color); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>PyTorch vs RustyTorch++ PINN Benchmark</h1>
|
|
<p class="subtitle">Physics-Informed Neural Network Performance Comparison</p>
|
|
<p class="timestamp">Host: thor | Generated: 2025-12-10T22:37:24-08:00 | Commit: 1a6fafe</p>
|
|
</header>
|
|
|
|
<section id="system-info">
|
|
<h2>System Specifications</h2>
|
|
<div class="specs-grid">
|
|
<div class="spec-item">
|
|
<div class="spec-icon">💻</div>
|
|
<div>
|
|
<div class="spec-label">Operating System</div>
|
|
<div class="spec-value">Ubuntu 25.04 (Plucky Puffin)</div>
|
|
</div>
|
|
</div>
|
|
<div class="spec-item">
|
|
<div class="spec-icon">⚙</div>
|
|
<div>
|
|
<div class="spec-label">CPU</div>
|
|
<div class="spec-value">AMD Ryzen 7 9800X3D 8-Core Processor</div>
|
|
</div>
|
|
</div>
|
|
<div class="spec-item">
|
|
<div class="spec-icon">🎮</div>
|
|
<div>
|
|
<div class="spec-label">GPU</div>
|
|
<div class="spec-value">NVIDIA GeForce RTX 5090</div>
|
|
</div>
|
|
</div>
|
|
<div class="spec-item">
|
|
<div class="spec-icon">💾</div>
|
|
<div>
|
|
<div class="spec-label">GPU Memory</div>
|
|
<div class="spec-value">32607 MiB</div>
|
|
</div>
|
|
</div>
|
|
<div class="spec-item">
|
|
<div class="spec-icon">🧠</div>
|
|
<div>
|
|
<div class="spec-label">System Memory</div>
|
|
<div class="spec-value">89Gi</div>
|
|
</div>
|
|
</div>
|
|
<div class="spec-item">
|
|
<div class="spec-icon">🔍</div>
|
|
<div>
|
|
<div class="spec-label">Compute Capability</div>
|
|
<div class="spec-value">12.0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="legend">
|
|
<div class="legend">
|
|
<div class="legend-item">
|
|
<div class="legend-color pytorch-bg"></div>
|
|
<span>PyTorch</span>
|
|
</div>
|
|
<div class="legend-item">
|
|
<div class="legend-color rust-bg"></div>
|
|
<span>RustyTorch++</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="results">
|
|
<h2>Benchmark Results</h2>
|
|
<div class="card">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Benchmark</th>
|
|
<th>Points</th>
|
|
<th>PyTorch CPU</th>
|
|
<th>Rust CPU</th>
|
|
<th>CPU Speedup</th>
|
|
<th>PyTorch GPU</th>
|
|
<th>Rust GPU</th>
|
|
<th>GPU Speedup</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>data_generation/synthesize_displacement</td>
|
|
<td>200</td>
|
|
<td class="">23.9 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">24.1 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>data_generation/synthesize_displacement</td>
|
|
<td>1000</td>
|
|
<td class="">34.4 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">34.4 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>data_generation/synthesize_displacement</td>
|
|
<td>10000</td>
|
|
<td class="">143.2 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">145.7 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>data_generation/synthesize_displacement</td>
|
|
<td>100000</td>
|
|
<td class="">1.25 ms</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">1.28 ms</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>forward_pass/lffn_mlp</td>
|
|
<td>200</td>
|
|
<td class="">113.1 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">113.7 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>forward_pass/lffn_mlp</td>
|
|
<td>1000</td>
|
|
<td class="">235.0 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">106.5 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>forward_pass/lffn_mlp</td>
|
|
<td>10000</td>
|
|
<td class="">1.60 ms</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">106.3 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>pde_residual/helmholtz</td>
|
|
<td>200</td>
|
|
<td class="">41.2 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">42.1 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>pde_residual/helmholtz</td>
|
|
<td>1000</td>
|
|
<td class="">53.7 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">53.7 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>pde_residual/helmholtz</td>
|
|
<td>10000</td>
|
|
<td class="">176.9 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">180.5 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>training_100_epochs/train_100</td>
|
|
<td>200</td>
|
|
<td class="">92.65 ms</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">90.06 ms</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>training_step/single_step</td>
|
|
<td>200</td>
|
|
<td class="">861.0 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">867.4 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>training_step/single_step</td>
|
|
<td>1000</td>
|
|
<td class="">1.17 ms</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">876.7 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td>wave_number/calculate_k</td>
|
|
<td>1</td>
|
|
<td class="">9.4 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
<td class="">9.2 µs</td>
|
|
<td class="">-</td>
|
|
<td class="speedup"></td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="charts">
|
|
<h2>Visual Comparison</h2>
|
|
<div class="chart-container">
|
|
<div class="chart-card">
|
|
<div class="chart-title">CPU Performance (lower is better)</div>
|
|
<canvas id="cpuChart"></canvas>
|
|
</div>
|
|
<div class="chart-card">
|
|
<div class="chart-title">GPU Performance (lower is better)</div>
|
|
<canvas id="gpuChart"></canvas>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>RustyTorch++ | Production-Ready GPU-Accelerated ML Framework in Pure Rust</p>
|
|
<p>Auto-generated by run_pinn_comparison.sh</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script>
|
|
const cpuData = [];
|
|
const gpuData = [];
|
|
|
|
function createChart(canvasId, data, title) {
|
|
if (data.length === 0) return;
|
|
|
|
const ctx = document.getElementById(canvasId).getContext('2d');
|
|
new Chart(ctx, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: data.map(d => d.name),
|
|
datasets: [
|
|
{
|
|
label: 'PyTorch',
|
|
data: data.map(d => d.pytorch),
|
|
backgroundColor: '#ee4c2c',
|
|
borderColor: '#ee4c2c',
|
|
borderWidth: 1
|
|
},
|
|
{
|
|
label: 'RustyTorch++',
|
|
data: data.map(d => d.rust),
|
|
backgroundColor: '#f97316',
|
|
borderColor: '#f97316',
|
|
borderWidth: 1
|
|
}
|
|
]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
plugins: {
|
|
legend: {
|
|
labels: {
|
|
color: '#e2e8f0'
|
|
}
|
|
}
|
|
},
|
|
scales: {
|
|
x: {
|
|
ticks: { color: '#94a3b8' },
|
|
grid: { color: '#3f3f5a' }
|
|
},
|
|
y: {
|
|
ticks: {
|
|
color: '#94a3b8',
|
|
callback: function(value) {
|
|
if (value >= 1000) return (value/1000).toFixed(1) + ' ms';
|
|
return value.toFixed(0) + ' µs';
|
|
}
|
|
},
|
|
grid: { color: '#3f3f5a' },
|
|
title: {
|
|
display: true,
|
|
text: 'Latency (lower is better)',
|
|
color: '#94a3b8'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
createChart('cpuChart', cpuData, 'CPU Performance');
|
|
createChart('gpuChart', gpuData, 'GPU Performance');
|
|
</script>
|
|
</body>
|
|
</html>
|