initial commit
This commit is contained in:
683
src/pages/report/Geo-Layout-Transformer/index.astro
Normal file
683
src/pages/report/Geo-Layout-Transformer/index.astro
Normal file
@@ -0,0 +1,683 @@
|
||||
---
|
||||
import BaseLayout from '../../../layouts/BaseLayout.astro';
|
||||
import Header from '../../../components/Header.astro';
|
||||
import Footer from '../../../components/Footer.astro';
|
||||
import ReportSection from '../../../components/report/ReportSection.astro';
|
||||
import MetricsGrid from '../../../components/report/MetricsGrid.astro';
|
||||
import MetricCard from '../../../components/report/MetricCard.astro';
|
||||
import Container from '../../../components/Container.astro';
|
||||
import AnimatedElement from '../../../components/AnimatedElement.astro';
|
||||
---
|
||||
|
||||
<BaseLayout
|
||||
title="Geo-Layout Transformer技术报告 - Jiao77"
|
||||
description="关于Geo-Layout Transformer统一基础模型的技术报告,介绍创新的几何布局转换架构"
|
||||
type="report"
|
||||
>
|
||||
<Header />
|
||||
|
||||
<main class="report-main">
|
||||
<div class="container mx-auto px-4">
|
||||
<!-- 报告标题区域 -->
|
||||
<AnimatedElement animation="fadeInUp" delay={200}>
|
||||
<Container variant="glass" size="full" padding="xl" className="text-center mb-12 mt-24">
|
||||
<div class="report-header">
|
||||
<h1 class="report-title">Geo-Layout Transformer统一基础模型</h1>
|
||||
<p class="report-subtitle">创新的几何布局转换架构,构建面向EDA领域的通用AI基础设施</p>
|
||||
<div class="report-meta">
|
||||
<span class="report-date">技术报告</span>
|
||||
<span class="report-type">架构设计</span>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
</AnimatedElement>
|
||||
|
||||
<!-- 模型概述 -->
|
||||
<ReportSection
|
||||
title="🏗️ 模型架构概述"
|
||||
subtitle="Geo-Layout Transformer是专为几何布局理解设计的统一基础模型"
|
||||
level={2}
|
||||
>
|
||||
<MetricsGrid columns={2} gap="large">
|
||||
<MetricCard
|
||||
title="模型参数"
|
||||
value="120M"
|
||||
icon="fas fa-microchip"
|
||||
color="primary"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
title="支持任务"
|
||||
value="8+"
|
||||
icon="fas fa-tasks"
|
||||
color="success"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
title="训练效率"
|
||||
value="3x"
|
||||
change="相比基线"
|
||||
changeType="positive"
|
||||
icon="fas fa-tachometer-alt"
|
||||
color="info"
|
||||
/>
|
||||
|
||||
<MetricCard
|
||||
title="推理速度"
|
||||
value="50ms"
|
||||
icon="fas fa-clock"
|
||||
color="warning"
|
||||
/>
|
||||
</MetricsGrid>
|
||||
</ReportSection>
|
||||
|
||||
<!-- 核心创新 -->
|
||||
<ReportSection
|
||||
title="💡 核心技术创新"
|
||||
subtitle="Geo-Layout Transformer在架构设计上的关键突破"
|
||||
level={2}
|
||||
>
|
||||
<div class="innovation-grid">
|
||||
<div class="innovation-card">
|
||||
<div class="innovation-header">
|
||||
<i class="fas fa-compass"></i>
|
||||
<h3>几何感知注意力</h3>
|
||||
</div>
|
||||
<p class="innovation-description">
|
||||
创新的几何感知注意力机制,能够理解空间关系和几何约束,
|
||||
为版图分析提供更准确的空间建模能力。
|
||||
</p>
|
||||
<div class="innovation-features">
|
||||
<span class="feature-badge">空间建模</span>
|
||||
<span class="feature-badge">几何约束</span>
|
||||
<span class="feature-badge">关系推理</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="innovation-card">
|
||||
<div class="innovation-header">
|
||||
<i class="fas fa-layer-group"></i>
|
||||
<h3>多尺度特征融合</h3>
|
||||
</div>
|
||||
<p class="innovation-description">
|
||||
设计了层次化的多尺度特征融合策略,能够同时处理细粒度的几何细节
|
||||
和全局的布局模式,实现更好的特征表征。
|
||||
</p>
|
||||
<div class="innovation-features">
|
||||
<span class="feature-badge">层次化</span>
|
||||
<span class="feature-badge">多尺度</span>
|
||||
<span class="feature-badge">全局建模</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="innovation-card">
|
||||
<div class="innovation-header">
|
||||
<i class="fas fa-code"></i>
|
||||
<h3>位置编码优化</h3>
|
||||
</div>
|
||||
<p class="innovation-description">
|
||||
针对2D几何数据特点,设计了专门的位置编码方案,
|
||||
能够更好地表征坐标信息和相对位置关系。
|
||||
</p>
|
||||
<div class="innovation-features">
|
||||
<span class="feature-badge">2D编码</span>
|
||||
<span class="feature-badge">相对位置</span>
|
||||
<span class="feature-badge">坐标感知</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="innovation-card">
|
||||
<div class="innovation-header">
|
||||
<i class="fas fa-share-alt"></i>
|
||||
<h3>统一任务框架</h3>
|
||||
</div>
|
||||
<p class="innovation-description">
|
||||
通过统一的任务建模框架,支持检测、分割、匹配等多种下游任务,
|
||||
实现一个模型解决多个问题的目标。
|
||||
</p>
|
||||
<div class="innovation-features">
|
||||
<span class="feature-badge">多任务</span>
|
||||
<span class="feature-badge">统一框架</span>
|
||||
<span class="feature-badge">任务适配</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ReportSection>
|
||||
|
||||
<!-- 技术架构 -->
|
||||
<ReportSection
|
||||
title="⚙️ 技术架构设计"
|
||||
subtitle="模型的详细技术架构与关键组件分析"
|
||||
level={2}
|
||||
>
|
||||
<div class="architecture-flow">
|
||||
<div class="arch-component">
|
||||
<div class="component-step">1</div>
|
||||
<div class="component-content">
|
||||
<h4>输入预处理</h4>
|
||||
<p>版图几何数据标准化,坐标归一化,多层信息整合</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flow-arrow">→</div>
|
||||
|
||||
<div class="arch-component">
|
||||
<div class="component-step">2</div>
|
||||
<div class="component-content">
|
||||
<h4>几何编码器</h4>
|
||||
<p>几何感知的Token嵌入,2D位置编码,空间关系建模</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flow-arrow">→</div>
|
||||
|
||||
<div class="arch-component">
|
||||
<div class="component-step">3</div>
|
||||
<div class="component-content">
|
||||
<h4>Transformer骨干</h4>
|
||||
<p>多头几何注意力,层次化特征提取,全局上下文建模</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flow-arrow">→</div>
|
||||
|
||||
<div class="arch-component">
|
||||
<div class="component-step">4</div>
|
||||
<div class="component-content">
|
||||
<h4>任务适配器</h4>
|
||||
<p>多任务输出头,任务特定解码,结果后处理</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ReportSection>
|
||||
|
||||
<!-- 实验结果 -->
|
||||
<ReportSection
|
||||
title="📊 实验结果与性能分析"
|
||||
subtitle="在多个基准数据集上的综合性能评估"
|
||||
level={2}
|
||||
>
|
||||
<div class="results-overview">
|
||||
<div class="benchmark-results">
|
||||
<h3>基准测试结果</h3>
|
||||
<div class="results-table">
|
||||
<table class="performance-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>任务类型</th>
|
||||
<th>数据集</th>
|
||||
<th>基线模型</th>
|
||||
<th>Geo-Layout Transformer</th>
|
||||
<th>提升幅度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>版图识别</td>
|
||||
<td>IC Layout Dataset</td>
|
||||
<td>85.2%</td>
|
||||
<td class="highlight-cell">92.7%</td>
|
||||
<td class="improvement">+7.5%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>缺陷检测</td>
|
||||
<td>Defect Detection</td>
|
||||
<td>78.9%</td>
|
||||
<td class="highlight-cell">86.4%</td>
|
||||
<td class="improvement">+7.5%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>布局优化</td>
|
||||
<td>Placement Dataset</td>
|
||||
<td>0.73</td>
|
||||
<td class="highlight-cell">0.89</td>
|
||||
<td class="improvement">+21.9%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>特征匹配</td>
|
||||
<td>Feature Matching</td>
|
||||
<td>91.1%</td>
|
||||
<td class="highlight-cell">95.8%</td>
|
||||
<td class="improvement">+4.7%</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="efficiency-analysis">
|
||||
<h3>效率分析</h3>
|
||||
<div class="efficiency-metrics">
|
||||
<div class="metric-item">
|
||||
<div class="metric-label">训练时间</div>
|
||||
<div class="metric-value">减少 40%</div>
|
||||
</div>
|
||||
<div class="metric-item">
|
||||
<div class="metric-label">内存使用</div>
|
||||
<div class="metric-value">降低 25%</div>
|
||||
</div>
|
||||
<div class="metric-item">
|
||||
<div class="metric-label">推理速度</div>
|
||||
<div class="metric-value">提升 60%</div>
|
||||
</div>
|
||||
<div class="metric-item">
|
||||
<div class="metric-label">模型大小</div>
|
||||
<div class="metric-value">压缩 30%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ReportSection>
|
||||
|
||||
<!-- 应用前景 -->
|
||||
<ReportSection
|
||||
title="🚀 应用前景与发展方向"
|
||||
subtitle="模型的实际应用场景与未来发展潜力"
|
||||
level={2}
|
||||
>
|
||||
<div class="applications-grid">
|
||||
<div class="app-category">
|
||||
<div class="category-icon">
|
||||
<i class="fas fa-search"></i>
|
||||
</div>
|
||||
<h3>智能检测</h3>
|
||||
<ul class="app-list">
|
||||
<li>版图缺陷自动检测</li>
|
||||
<li>设计规则违规识别</li>
|
||||
<li>关键图形模式发现</li>
|
||||
<li>良率风险预警</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="app-category">
|
||||
<div class="category-icon">
|
||||
<i class="fas fa-magic"></i>
|
||||
</div>
|
||||
<h3>布局优化</h3>
|
||||
<ul class="app-list">
|
||||
<li>自动化版图生成</li>
|
||||
<li>布局方案智能优化</li>
|
||||
<li>绕线路径规划</li>
|
||||
<li>面积效率提升</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="app-category">
|
||||
<div class="category-icon">
|
||||
<i class="fas fa-link"></i>
|
||||
</div>
|
||||
<h3>特征匹配</h3>
|
||||
<ul class="app-list">
|
||||
<li>IP核自动识别</li>
|
||||
<li>标准单元匹配</li>
|
||||
<li>版图比对分析</li>
|
||||
<li>相似性搜索</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="app-category">
|
||||
<div class="category-icon">
|
||||
<i class="fas fa-chart-line"></i>
|
||||
</div>
|
||||
<h3>分析预测</h3>
|
||||
<ul class="app-list">
|
||||
<li>性能参数预测</li>
|
||||
<li>工艺兼容性分析</li>
|
||||
<li>可制造性评估</li>
|
||||
<li>成本效益分析</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</ReportSection>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<Footer />
|
||||
</BaseLayout>
|
||||
|
||||
<style>
|
||||
.report-main {
|
||||
min-height: 100vh;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mx-auto {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.px-4 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.report-header {
|
||||
padding: 2rem 0;
|
||||
}
|
||||
|
||||
.report-title {
|
||||
font-size: 3rem;
|
||||
font-weight: 800;
|
||||
color: #011a2d;
|
||||
margin: 0 0 1rem 0;
|
||||
background: linear-gradient(135deg, #011a2d, #2c4a6b, #5b778e);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.report-subtitle {
|
||||
font-size: 1.25rem;
|
||||
color: #2c4a6b;
|
||||
margin: 0 0 2rem 0;
|
||||
line-height: 1.6;
|
||||
max-width: 800px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.report-meta {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 2rem;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.report-date,
|
||||
.report-type {
|
||||
background: rgba(91, 119, 142, 0.1);
|
||||
color: #011a2d;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 1rem;
|
||||
font-weight: 500;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.innovation-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 2rem;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.innovation-card {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(91, 119, 142, 0.2);
|
||||
border-radius: 1rem;
|
||||
padding: 1.5rem;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.innovation-card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 8px 25px rgba(91, 119, 142, 0.15);
|
||||
}
|
||||
|
||||
.innovation-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.innovation-header i {
|
||||
font-size: 1.5rem;
|
||||
color: #5b778e;
|
||||
}
|
||||
|
||||
.innovation-header h3 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #011a2d;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.innovation-description {
|
||||
color: #2c4a6b;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.innovation-features {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.feature-badge {
|
||||
background: rgba(91, 119, 142, 0.1);
|
||||
color: #011a2d;
|
||||
padding: 0.25rem 0.75rem;
|
||||
border-radius: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.architecture-flow {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.arch-component {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(91, 119, 142, 0.2);
|
||||
border-radius: 1rem;
|
||||
padding: 1.5rem;
|
||||
text-align: center;
|
||||
min-width: 200px;
|
||||
flex: 1;
|
||||
max-width: 250px;
|
||||
}
|
||||
|
||||
.component-step {
|
||||
background: linear-gradient(135deg, #5b778e, #b2c5d5);
|
||||
color: white;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
margin: 0 auto 1rem;
|
||||
}
|
||||
|
||||
.component-content h4 {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
color: #011a2d;
|
||||
margin: 0 0 0.5rem 0;
|
||||
}
|
||||
|
||||
.component-content p {
|
||||
color: #2c4a6b;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.flow-arrow {
|
||||
font-size: 1.5rem;
|
||||
color: #5b778e;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.results-overview {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.benchmark-results {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.benchmark-results h3,
|
||||
.efficiency-analysis h3 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #011a2d;
|
||||
margin: 0 0 1rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.results-table {
|
||||
overflow-x: auto;
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.performance-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: white;
|
||||
border-radius: 1rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.performance-table th,
|
||||
.performance-table td {
|
||||
padding: 1rem;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #e5e7eb;
|
||||
}
|
||||
|
||||
.performance-table th {
|
||||
background: #f8fafc;
|
||||
font-weight: 600;
|
||||
color: #011a2d;
|
||||
}
|
||||
|
||||
.highlight-cell {
|
||||
background: rgba(91, 119, 142, 0.1);
|
||||
font-weight: 600;
|
||||
color: #011a2d;
|
||||
}
|
||||
|
||||
.improvement {
|
||||
color: #10b981;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.efficiency-metrics {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.metric-item {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(91, 119, 142, 0.2);
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.metric-label {
|
||||
font-size: 0.875rem;
|
||||
color: #2c4a6b;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.metric-value {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #10b981;
|
||||
}
|
||||
|
||||
.applications-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 2rem;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.app-category {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(91, 119, 142, 0.2);
|
||||
border-radius: 1rem;
|
||||
padding: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.category-icon {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
background: linear-gradient(135deg, #5b778e, #b2c5d5);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.25rem;
|
||||
color: white;
|
||||
margin: 0 auto 1rem;
|
||||
}
|
||||
|
||||
.app-category h3 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #011a2d;
|
||||
margin: 0 0 1rem 0;
|
||||
}
|
||||
|
||||
.app-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.app-list li {
|
||||
background: rgba(91, 119, 142, 0.05);
|
||||
padding: 0.5rem 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
border-radius: 0.5rem;
|
||||
border-left: 3px solid #5b778e;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.report-title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.report-subtitle {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.report-meta {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.innovation-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.architecture-flow {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flow-arrow {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.performance-table th,
|
||||
.performance-table td {
|
||||
padding: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.applications-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user