982 lines
46 KiB
HTML
982 lines
46 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>AI编程概念分析报告</title>
|
||
|
||
<!-- Fonts -->
|
||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800|Roboto+Mono:400,500" rel="stylesheet" />
|
||
|
||
<!-- Font Awesome -->
|
||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||
|
||
<!-- Tailwind CSS & DaisyUI -->
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
|
||
<!-- Custom Styles -->
|
||
<style>
|
||
:root {
|
||
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||
--dark-gradient: linear-gradient(135deg, #434343 0%, #000000 100%);
|
||
}
|
||
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background-color: #0f172a;
|
||
color: #e2e8f0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: var(--primary-gradient);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.card-gradient {
|
||
background: rgba(30, 41, 59, 0.8);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(148, 163, 184, 0.1);
|
||
}
|
||
|
||
.timeline-dot {
|
||
width: 16px;
|
||
height: 16px;
|
||
background: var(--primary-gradient);
|
||
border-radius: 50%;
|
||
position: relative;
|
||
z-index: 2;
|
||
}
|
||
|
||
.timeline-line {
|
||
position: absolute;
|
||
left: 8px;
|
||
top: 16px;
|
||
bottom: -16px;
|
||
width: 2px;
|
||
background: linear-gradient(to bottom, #667eea, #764ba2);
|
||
opacity: 0.5;
|
||
}
|
||
|
||
.timeline-item:last-child .timeline-line {
|
||
display: none;
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.table-container {
|
||
font-size: 0.875rem;
|
||
}
|
||
}
|
||
|
||
#particles-js {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
}
|
||
|
||
.mermaid {
|
||
background: rgba(30, 41, 59, 0.6);
|
||
border-radius: 0.5rem;
|
||
padding: 1rem;
|
||
margin: 1rem 0;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen relative">
|
||
<!-- Particles Background -->
|
||
<div id="particles-js"></div>
|
||
|
||
<!-- Main Content -->
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl relative z-10">
|
||
|
||
<!-- Header Section -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">AI编程概念分析</h1>
|
||
<p class="text-lg text-slate-300 max-w-3xl mx-auto">
|
||
从技术验证期到商业化爆发期，AI编程正在重塑软件开发行业格局
|
||
</p>
|
||
<div class="mt-6 flex justify-center space-x-4">
|
||
<span class="px-4 py-2 bg-purple-900/30 rounded-full text-sm text-purple-300 border border-purple-500/30">
|
||
市场规模: 330亿元 (2028E)
|
||
</span>
|
||
<span class="px-4 py-2 bg-blue-900/30 rounded-full text-sm text-blue-300 border border-blue-500/30">
|
||
CAGR: 38%
|
||
</span>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Timeline Section -->
|
||
<section class="mb-12">
|
||
<div class="card-gradient rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-clock mr-3 text-purple-400"></i>
|
||
概念事件时间轴
|
||
</h2>
|
||
<div class="relative">
|
||
<div class="timeline-item relative pl-8 pb-8">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-dot absolute left-0 top-0"></div>
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
|
||
<span class="text-purple-400 font-semibold">2023-06</span>
|
||
<span class="text-sm text-slate-400">商业化验证</span>
|
||
</div>
|
||
<h3 class="font-semibold mb-1">GitHub Copilot ARR突破1亿美元</h3>
|
||
<p class="text-sm text-slate-300">首次验证AI编程订阅模式可行</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item relative pl-8 pb-8">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-dot absolute left-0 top-0"></div>
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
|
||
<span class="text-purple-400 font-semibold">2024-07</span>
|
||
<span class="text-sm text-slate-400">行业拐点</span>
|
||
</div>
|
||
<h3 class="font-semibold mb-1">微软财报：Copilot ARR达3亿美元</h3>
|
||
<p class="text-sm text-slate-300">占GitHub增长40%，行业商业化拐点</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item relative pl-8 pb-8">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-dot absolute left-0 top-0"></div>
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
|
||
<span class="text-purple-400 font-semibold">2025-01</span>
|
||
<span class="text-sm text-slate-400">估值爆发</span>
|
||
</div>
|
||
<h3 class="font-semibold mb-1">Cursor完成1亿美元B轮，估值26亿美元</h3>
|
||
<p class="text-sm text-slate-300">4个月涨6.5倍，初创公司估值爆发</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item relative pl-8 pb-8">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-dot absolute left-0 top-0"></div>
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
|
||
<span class="text-purple-400 font-semibold">2025-03</span>
|
||
<span class="text-sm text-slate-400">国产里程碑</span>
|
||
</div>
|
||
<h3 class="font-semibold mb-1">字节发布国内首个AI原生IDE「Trae」</h3>
|
||
<p class="text-sm text-slate-300">国产工具里程碑</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item relative pl-8 pb-8">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-dot absolute left-0 top-0"></div>
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
|
||
<span class="text-purple-400 font-semibold">2025-05</span>
|
||
<span class="text-sm text-slate-400">巨头整合</span>
|
||
</div>
|
||
<h3 class="font-semibold mb-1">OpenAI拟30亿美元收购Windsurf</h3>
|
||
<p class="text-sm text-slate-300">巨头整合信号</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item relative pl-8">
|
||
<div class="timeline-dot absolute left-0 top-0"></div>
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
|
||
<span class="text-purple-400 font-semibold">2025-07</span>
|
||
<span class="text-sm text-slate-400">生态竞争</span>
|
||
</div>
|
||
<h3 class="font-semibold mb-1">腾讯CodeBuddy/阿里Qwen3-Coder密集发布</h3>
|
||
<p class="text-sm text-slate-300">生态级竞争开启</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Viewpoints Section -->
|
||
<section class="mb-12">
|
||
<div class="card-gradient rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-lightbulb mr-3 text-yellow-400"></i>
|
||
核心观点摘要
|
||
</h2>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="bg-slate-800/50 rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold mb-3 text-purple-300">阶段判断</h3>
|
||
<p class="text-slate-300 mb-3">
|
||
AI编程已从<strong class="text-purple-300">技术验证期</strong>（2023-2024）进入<strong class="text-purple-300">商业化爆发期</strong>（2025）
|
||
</p>
|
||
<div class="space-y-2 text-sm">
|
||
<div class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||
<span>核心驱动力：大模型代码能力跃升（Claude4 SWE-bench 72.5%）</span>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||
<span>企业降本增效刚需（Salesforce冻结招聘软件工程师）</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold mb-3 text-blue-300">未来潜力</h3>
|
||
<p class="text-slate-300 mb-3">
|
||
预计2028年中国市场规模达<strong class="text-blue-300">330亿元</strong>（CAGR 38%）
|
||
</p>
|
||
<div class="space-y-2 text-sm">
|
||
<div class="flex items-start">
|
||
<i class="fas fa-rocket text-blue-400 mt-1 mr-2"></i>
|
||
<span>将成为<strong class="text-blue-300">B端首个规模化AI应用</strong></span>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<i class="fas fa-chart-line text-blue-400 mt-1 mr-2"></i>
|
||
<span>软件工程师人均创收持续提升</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Market Analysis Section -->
|
||
<section class="mb-12">
|
||
<div class="card-gradient rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-chart-pie mr-3 text-green-400"></i>
|
||
核心逻辑与市场认知
|
||
</h2>
|
||
|
||
<!-- Core Drivers -->
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-300">核心驱动力</h3>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex items-center mb-3">
|
||
<i class="fas fa-microchip text-purple-400 text-xl mr-3"></i>
|
||
<h4 class="font-semibold">技术突破</h4>
|
||
</div>
|
||
<ul class="text-sm space-y-2 text-slate-300">
|
||
<li>• 推理模型Codeforces得分<strong>2727</strong>（超99%人类）</li>
|
||
<li>• 代码生成准确率从56%提升至<strong>93.7%</strong></li>
|
||
<li>• 多模态能力：截图→代码、语音→函数</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex items-center mb-3">
|
||
<i class="fas fa-coins text-yellow-400 text-xl mr-3"></i>
|
||
<h4 class="font-semibold">成本拐点</h4>
|
||
</div>
|
||
<ul class="text-sm space-y-2 text-slate-300">
|
||
<li>• 私有化部署成本从<strong>500万/4卡</strong>降至</li>
|
||
<li>• <strong>200万/2卡</strong>（2025，华为910B优化）</li>
|
||
<li>• 推动中小B端客户渗透</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex items-center mb-3">
|
||
<i class="fas fa-hand-holding-usd text-blue-400 text-xl mr-3"></i>
|
||
<h4 class="font-semibold">需求刚性</h4>
|
||
</div>
|
||
<ul class="text-sm space-y-2 text-slate-300">
|
||
<li>• Meta人均创收：37万→<strong>77万美元</strong></li>
|
||
<li>• 阿里人均创收：80万→<strong>119万人民币</strong></li>
|
||
<li>• 企业降本增效需求迫切</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Market Sentiment -->
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300">市场热度与情绪</h3>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<h4 class="font-semibold mb-3 flex items-center">
|
||
<i class="fas fa-fire text-orange-400 mr-2"></i>
|
||
研报密度
|
||
</h4>
|
||
<p class="text-slate-300 mb-2">
|
||
2025年2-7月相关路演<strong class="text-orange-300">15场</strong>
|
||
</p>
|
||
<p class="text-sm text-slate-400">
|
||
主题词从"Copilot"升级为"Agent"
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<h4 class="font-semibold mb-3 flex items-center">
|
||
<i class="fas fa-balance-scale text-purple-400 mr-2"></i>
|
||
情绪指标
|
||
</h4>
|
||
<div class="space-y-2">
|
||
<div class="flex justify-between items-center">
|
||
<span class="text-green-400">乐观</span>
|
||
<span class="text-sm">Cursor ARR <strong>5亿美元</strong></span>
|
||
</div>
|
||
<div class="flex justify-between items-center">
|
||
<span class="text-yellow-400">分歧</span>
|
||
<span class="text-sm">AI替代初级程序员仅<strong>30%</strong></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Expectation Gap -->
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-red-300">预期差分析</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="border-b border-slate-700">
|
||
<th class="text-left py-3 px-4">市场叙事</th>
|
||
<th class="text-left py-3 px-4">路演验证</th>
|
||
<th class="text-left py-3 px-4">偏差</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-700/50">
|
||
<td class="py-3 px-4">"AI将替代50%程序员"</td>
|
||
<td class="py-3 px-4">卓易信息：当前AI仅辅助<strong>20-30%</strong>代码生成</td>
|
||
<td class="py-3 px-4"><span class="text-red-400">过度乐观</span></td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50">
|
||
<td class="py-3 px-4">"开源模型平权"</td>
|
||
<td class="py-3 px-4">科大国创：私有化部署仍需<strong>500万硬件</strong></td>
|
||
<td class="py-3 px-4"><span class="text-yellow-400">成本壁垒</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4">"IDE厂商无壁垒"</td>
|
||
<td class="py-3 px-4">普元信息：IDE开发周期<strong>7年</strong>，人才稀缺</td>
|
||
<td class="py-3 px-4"><span class="text-yellow-400">低估壁垒</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Development Path Section -->
|
||
<section class="mb-12">
|
||
<div class="card-gradient rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-route mr-3 text-indigo-400"></i>
|
||
催化剂与发展路径
|
||
</h2>
|
||
|
||
<!-- Recent Catalysts -->
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-indigo-300">近期催化剂（3-6个月）</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<h4 class="font-semibold mb-3 text-purple-300">产品落地</h4>
|
||
<div class="space-y-3 text-sm">
|
||
<div class="flex items-start">
|
||
<i class="fas fa-code-branch text-purple-400 mt-1 mr-2"></i>
|
||
<div>
|
||
<p class="font-medium">腾讯CodeBuddy</p>
|
||
<p class="text-slate-400">2025.7内测 → Q3公测（集成Claude4/GPT-4o）</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<i class="fas fa-code-branch text-purple-400 mt-1 mr-2"></i>
|
||
<div>
|
||
<p class="font-medium">卓易信息EazyDevelop</p>
|
||
<p class="text-slate-400">2025.6公测 → 12月收费版（1500-2000元/人/年）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<h4 class="font-semibold mb-3 text-green-300">政策催化</h4>
|
||
<div class="space-y-3 text-sm">
|
||
<div class="flex items-start">
|
||
<i class="fas fa-landmark text-green-400 mt-1 mr-2"></i>
|
||
<div>
|
||
<p class="font-medium">信创补贴</p>
|
||
<p class="text-slate-400">直接补贴厂商（2025Q3落地）</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<i class="fas fa-shield-alt text-green-400 mt-1 mr-2"></i>
|
||
<div>
|
||
<p class="font-medium">国产IDE受益</p>
|
||
<p class="text-slate-400">如SnapDevelop等国产工具</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Long-term Path -->
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300">长期路径（2025-2028）</h3>
|
||
<div class="bg-slate-800/50 rounded-lg p-6">
|
||
<div class="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0">
|
||
<div class="text-center">
|
||
<div class="w-20 h-20 rounded-full bg-purple-600/20 border-2 border-purple-500 flex items-center justify-center mx-auto mb-2">
|
||
<span class="text-lg font-bold">2025</span>
|
||
</div>
|
||
<p class="font-semibold">工具化</p>
|
||
</div>
|
||
|
||
<div class="hidden md:block text-purple-400">
|
||
<i class="fas fa-arrow-right text-2xl"></i>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<div class="w-20 h-20 rounded-full bg-blue-600/20 border-2 border-blue-500 flex items-center justify-center mx-auto mb-2">
|
||
<span class="text-lg font-bold">2026</span>
|
||
</div>
|
||
<p class="font-semibold">工作流重构</p>
|
||
<p class="text-xs text-slate-400">Agent化</p>
|
||
</div>
|
||
|
||
<div class="hidden md:block text-blue-400">
|
||
<i class="fas fa-arrow-right text-2xl"></i>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<div class="w-20 h-20 rounded-full bg-green-600/20 border-2 border-green-500 flex items-center justify-center mx-auto mb-2">
|
||
<span class="text-lg font-bold">2027</span>
|
||
</div>
|
||
<p class="font-semibold">软件工厂</p>
|
||
<p class="text-xs text-slate-400">多Agent协作</p>
|
||
</div>
|
||
|
||
<div class="hidden md:block text-green-400">
|
||
<i class="fas fa-arrow-right text-2xl"></i>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<div class="w-20 h-20 rounded-full bg-yellow-600/20 border-2 border-yellow-500 flex items-center justify-center mx-auto mb-2">
|
||
<span class="text-lg font-bold">2028</span>
|
||
</div>
|
||
<p class="font-semibold">全民开发</p>
|
||
<p class="text-xs text-slate-400">自然语言编程</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain Section -->
|
||
<section class="mb-12">
|
||
<div class="card-gradient rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-sitemap mr-3 text-cyan-400"></i>
|
||
产业链与核心公司
|
||
</h2>
|
||
|
||
<!-- Industry Chain Map -->
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-cyan-300">产业链图谱</h3>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="bg-slate-800/50 rounded-lg p-4 text-center">
|
||
<div class="w-16 h-16 rounded-full bg-purple-600/20 border-2 border-purple-500 flex items-center justify-center mx-auto mb-3">
|
||
<i class="fas fa-server text-purple-400 text-2xl"></i>
|
||
</div>
|
||
<h4 class="font-semibold mb-2">上游</h4>
|
||
<p class="text-sm text-slate-300">算力（华为910B）</p>
|
||
<p class="text-sm text-slate-300">大模型（DeepSeek/Qwen）</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 rounded-lg p-4 text-center">
|
||
<div class="w-16 h-16 rounded-full bg-blue-600/20 border-2 border-blue-500 flex items-center justify-center mx-auto mb-3">
|
||
<i class="fas fa-tools text-blue-400 text-2xl"></i>
|
||
</div>
|
||
<h4 class="font-semibold mb-2">中游</h4>
|
||
<p class="text-sm text-slate-300">IDE工具（Cursor/Trae）</p>
|
||
<p class="text-sm text-slate-300">低代码平台（普元/金现代）</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 rounded-lg p-4 text-center">
|
||
<div class="w-16 h-16 rounded-full bg-green-600/20 border-2 border-green-500 flex items-center justify-center mx-auto mb-3">
|
||
<i class="fas fa-building text-green-400 text-2xl"></i>
|
||
</div>
|
||
<h4 class="font-semibold mb-2">下游</h4>
|
||
<p class="text-sm text-slate-300">金融（华泰证券）</p>
|
||
<p class="text-sm text-slate-300">电信（中国移动）</p>
|
||
<p class="text-sm text-slate-300">政务（税务系统）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Players -->
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-orange-300">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="border-b border-slate-700">
|
||
<th class="text-left py-3 px-4">公司</th>
|
||
<th class="text-left py-3 px-4">定位</th>
|
||
<th class="text-left py-3 px-4">进展</th>
|
||
<th class="text-left py-3 px-4">风险</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-700/50">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">卓易信息</td>
|
||
<td class="py-3 px-4">国产IDE龙头</td>
|
||
<td class="py-3 px-4">SnapDevelop海外用户<strong>1.8万</strong>，ARR<strong>1亿元</strong></td>
|
||
<td class="py-3 px-4">鸿蒙版本延迟（12月）</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50">
|
||
<td class="py-3 px-4 font-semibold text-blue-300">普元信息</td>
|
||
<td class="py-3 px-4">低代码+AI</td>
|
||
<td class="py-3 px-4">中标<strong>国家电网</strong>低代码项目</td>
|
||
<td class="py-3 px-4">大客户依赖（电力占60%）</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50">
|
||
<td class="py-3 px-4 font-semibold text-green-300">金现代</td>
|
||
<td class="py-3 px-4">AI低代码</td>
|
||
<td class="py-3 px-4">轻骑兵平台<strong>航天二院</strong>案例</td>
|
||
<td class="py-3 px-4">军工订单回款慢</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">商汤-W</td>
|
||
<td class="py-3 px-4">代码小浣熊</td>
|
||
<td class="py-3 px-4"><strong>10万</strong>开发者，日生成<strong>10亿Tokens</strong></td>
|
||
<td class="py-3 px-4">模型成本压力</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risks Section -->
|
||
<section class="mb-12">
|
||
<div class="card-gradient rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-exclamation-triangle mr-3 text-red-400"></i>
|
||
潜在风险
|
||
</h2>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="bg-red-900/20 border border-red-500/30 rounded-lg p-4">
|
||
<div class="flex items-center mb-3">
|
||
<i class="fas fa-microchip text-red-400 text-xl mr-3"></i>
|
||
<h4 class="font-semibold">技术瓶颈</h4>
|
||
</div>
|
||
<p class="text-sm text-slate-300">
|
||
复杂业务逻辑生成准确率<strong><60%</strong>（普元路演）
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-yellow-900/20 border border-yellow-500/30 rounded-lg p-4">
|
||
<div class="flex items-center mb-3">
|
||
<i class="fas fa-dollar-sign text-yellow-400 text-xl mr-3"></i>
|
||
<h4 class="font-semibold">商业化</h4>
|
||
</div>
|
||
<p class="text-sm text-slate-300">
|
||
私有化部署成本<strong>500万</strong>（科大国创）
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-orange-900/20 border border-orange-500/30 rounded-lg p-4">
|
||
<div class="flex items-center mb-3">
|
||
<i class="fas fa-gavel text-orange-400 text-xl mr-3"></i>
|
||
<h4 class="font-semibold">政策</h4>
|
||
</div>
|
||
<p class="text-sm text-slate-300">
|
||
信创补贴可能<strong>延迟至2026</strong>（卓易路演）
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-purple-900/20 border border-purple-500/30 rounded-lg p-4">
|
||
<div class="flex items-center mb-3">
|
||
<i class="fas fa-balance-scale text-purple-400 text-xl mr-3"></i>
|
||
<h4 class="font-semibold">信息矛盾</h4>
|
||
</div>
|
||
<p class="text-sm text-slate-300">
|
||
新闻称"完全替代工程师" vs 路演"仅辅助30%"
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Investment Insights Section -->
|
||
<section class="mb-12">
|
||
<div class="card-gradient rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-chart-line mr-3 text-green-400"></i>
|
||
综合结论与投资启示
|
||
</h2>
|
||
|
||
<!-- Stage Judgment -->
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-300">阶段判断</h3>
|
||
<div class="bg-slate-800/50 rounded-lg p-5">
|
||
<div class="flex items-center mb-3">
|
||
<i class="fas fa-info-circle text-blue-400 mr-2"></i>
|
||
<p class="text-lg">
|
||
当前处于：<strong class="text-blue-300">商业化爆发前夜</strong>（类似2020年新能源车）
|
||
</p>
|
||
</div>
|
||
<p class="text-slate-300">
|
||
<strong class="text-yellow-300">主题炒作与基本面交织</strong>
|
||
</p>
|
||
<div class="mt-4 p-3 bg-blue-900/20 rounded border border-blue-500/30">
|
||
<p class="text-sm">
|
||
<i class="fas fa-lightbulb text-yellow-400 mr-2"></i>
|
||
关键信号：<strong class="text-yellow-300">Q3收费版落地</strong>（卓易/腾讯）将验证真实需求
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Investment Direction -->
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-300">投资方向</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-gradient-to-r from-purple-900/20 to-purple-800/20 border border-purple-500/30 rounded-lg p-4">
|
||
<div class="flex items-center justify-between">
|
||
<div>
|
||
<h4 class="font-semibold text-purple-300">最纯标的</h4>
|
||
<p class="text-lg"><strong class="text-purple-300">卓易信息</strong></p>
|
||
<p class="text-sm text-slate-300">IDE稀缺性+信创红利</p>
|
||
</div>
|
||
<i class="fas fa-star text-purple-400 text-2xl"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-r from-blue-900/20 to-blue-800/20 border border-blue-500/30 rounded-lg p-4">
|
||
<div class="flex items-center justify-between">
|
||
<div>
|
||
<h4 class="font-semibold text-blue-300">弹性标的</h4>
|
||
<p class="text-lg"><strong class="text-blue-300">金现代</strong></p>
|
||
<p class="text-sm text-slate-300">低代码+军工订单</p>
|
||
</div>
|
||
<i class="fas fa-rocket text-blue-400 text-2xl"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Observation Indicators -->
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-orange-300">观察指标</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex items-center mb-2">
|
||
<i class="fas fa-chart-area text-green-400 mr-2"></i>
|
||
<h4 class="font-semibold">Cursor ARR季度增速</h4>
|
||
</div>
|
||
<p class="text-sm text-slate-300">验证订阅天花板</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 rounded-lg p-4">
|
||
<div class="flex items-center mb-2">
|
||
<i class="fas fa-download text-blue-400 mr-2"></i>
|
||
<h4 class="font-semibold">国产IDE鸿蒙版下载量</h4>
|
||
</div>
|
||
<p class="text-sm text-slate-300">信创渗透率</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-4 p-4 bg-red-900/20 border border-red-500/30 rounded-lg">
|
||
<p class="text-sm">
|
||
<i class="fas fa-exclamation-circle text-red-400 mr-2"></i>
|
||
<strong>风险提示：</strong>若<strong class="text-red-300">Q3收费版用户转化率<10%</strong>，需警惕估值回调
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Related Stocks Section -->
|
||
<section class="mb-12">
|
||
<div class="card-gradient rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-table mr-3 text-indigo-400"></i>
|
||
关联股票数据
|
||
</h2>
|
||
<div class="table-container">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="border-b border-slate-700">
|
||
<th class="text-left py-3 px-4">股票</th>
|
||
<th class="text-left py-3 px-4">分类</th>
|
||
<th class="text-left py-3 px-4">项目</th>
|
||
<th class="text-left py-3 px-4">业务相关</th>
|
||
<th class="text-left py-3 px-4">资料来源</th>
|
||
<th class="text-left py-3 px-4">关联原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">金现代</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码开发平台</td>
|
||
<td class="py-3 px-4">公司为客户提供以低代码开发平台为代表的标准化、通用软件</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码开发平台属于标准化通用软件业务</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">新炬网络</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码开发平台</td>
|
||
<td class="py-3 px-4">公司拥有低代码开发平台等数字化管理产品</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码开发平台属于数字化管理产品</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">普元信息</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码开发平台</td>
|
||
<td class="py-3 px-4">公司低代码开发平台可支持客户进行各类企业级应用的开发</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码平台支持企业级应用开发</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">泛微网络</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">e-builder低代码构建平台</td>
|
||
<td class="py-3 px-4">公司低代码相关产品为e-builder低代码构建平台</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">e-builder平台满足组织数字化需求</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">浩云科技</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码+人工智能</td>
|
||
<td class="py-3 px-4">公司将低代码平台技术结合人工智能及接入大模型专项应用</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码与AI技术结合创新</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">恒华科技</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">Web低代码技术平台</td>
|
||
<td class="py-3 px-4">公司低代码技术平台Web可帮助开发人员和企业用户快速构建应用程序</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">Web平台加速应用开发</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">致远互联</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码开发平台</td>
|
||
<td class="py-3 px-4">公司低代码平台为企业各类协同应用和生态伙伴提供高效可规模化交付的开发平台</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码平台支持规模化交付</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">初灵信息</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码个性化流程搭建</td>
|
||
<td class="py-3 px-4">实现低代码个性化流程搭建营销等场景</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码实现个性化流程搭建</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">湘邮科技</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">内部低代码平台</td>
|
||
<td class="py-3 px-4">公司自研了内部使用的低代码平台</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">自研低代码平台支持内部应用</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">浙大网新</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码开发平台</td>
|
||
<td class="py-3 px-4">公司搭建了低代码开发平台</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码平台缩短开发时间</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">中科科创</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">ModelFarm人工智能开发平台</td>
|
||
<td class="py-3 px-4">公司ModelFarm一站式人工智能开发平台具备低代码开发特性</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码特性加速模型训练</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">久其软件</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码平台</td>
|
||
<td class="py-3 px-4">久其女娲的低代码平台是针对大型政企的业务特点设计开发</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码平台适配大型政企需求</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">浪潮软件</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">浪潮GIX低代码平台</td>
|
||
<td class="py-3 px-4">拥有浪潮GIX低代码平台</td>
|
||
<td class="py-3 px-4">网络公开资料</td>
|
||
<td class="py-3 px-4">GIX平台支持低代码开发</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">天亿马</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码应用开发</td>
|
||
<td class="py-3 px-4">拥有低代码应用开发能力</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">具备低代码开发能力</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">惠博普</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">ICloud低代码开发平台</td>
|
||
<td class="py-3 px-4">凯特数智拥有完全自主可控的ICloud低代码开发平台</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">ICloud平台自主可控</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">思特奇</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码开发平台</td>
|
||
<td class="py-3 px-4">公司打造的低代码开发平台可为客户快速解析需求</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码平台提升需求响应速度</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">浩瀚深度</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码AI开发</td>
|
||
<td class="py-3 px-4">公司浩瀚星辰大模型基于Transformer架构涉及低代码等技术</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">AI模型整合低代码技术</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">盛通股份</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">AI编程教育</td>
|
||
<td class="py-3 px-4">子公司乐博乐博拥有完整的科技教育课程体系涵盖AI编程</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">教育课程体系包含AI编程</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">卓易信息</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">SnapDevelop低代码产品</td>
|
||
<td class="py-3 px-4">子公司艾普阳科技自主研发的低代码IDE产品SnapDevelop具有自主知识产权</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码产品替代国外工具</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">法本信息</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码+自动化测试</td>
|
||
<td class="py-3 px-4">公司用AIGC技术赋能软件设计并通过低代码平台联动自动化测试工具</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码与测试工具联动</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">力合科创</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码/无代码建模</td>
|
||
<td class="py-3 px-4">博思智能平台提供低代码/无代码建模自动化优化数据处理方案</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码实现建模自动化</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">中科创达</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">信创低代码平台</td>
|
||
<td class="py-3 px-4">公司推出面向党政军、央国企客户的信创低代码平台</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码平台适配信创环境</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50 hover:bg-slate-800/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-purple-300">新晨科技</td>
|
||
<td class="py-3 px-4">业务相关</td>
|
||
<td class="py-3 px-4">低代码企业建模</td>
|
||
<td class="py-3 px-4">公司自主研发了低代码企业建模平台</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
<td class="py-3 px-4">低代码支持企业建模</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<!-- Scripts -->
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
<script>
|
||
// Particles Background
|
||
tsParticles.load("particles-js", {
|
||
particles: {
|
||
number: {
|
||
value: 80,
|
||
density: {
|
||
enable: true,
|
||
value_area: 800
|
||
}
|
||
},
|
||
color: {
|
||
value: ["#667eea", "#764ba2", "#f093fb", "#f5576c"]
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: true
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
move: {
|
||
enable: true,
|
||
speed: 2,
|
||
direction: "none",
|
||
random: true,
|
||
straight: false,
|
||
out_mode: "out"
|
||
},
|
||
links: {
|
||
enable: true,
|
||
distance: 150,
|
||
color: "#667eea",
|
||
opacity: 0.3,
|
||
width: 1
|
||
}
|
||
},
|
||
interactivity: {
|
||
detect_on: "canvas",
|
||
events: {
|
||
onhover: {
|
||
enable: true,
|
||
mode: "grab"
|
||
},
|
||
onclick: {
|
||
enable: true,
|
||
mode: "push"
|
||
}
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |