机器学习 on 进击的骑士 https://knight134.com/tags/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/ Recent content in 机器学习 on 进击的骑士 Hugo zh-cn Wed, 15 May 2024 11:00:00 +0800 PyTorch 基础：张量（Tensor）操作详解 https://knight134.com/posts/2024-05-15-pytorch-basics/ Wed, 15 May 2024 11:00:00 +0800 https://knight134.com/posts/2024-05-15-pytorch-basics/ <p>PyTorch 是当前最流行的深度学习框架之一。一切的基础都是 Tensor（张量）。</p> <h3 id="创建张量">创建张量</h3> <p>python</p> <p>import torch</p> <p>创建一个 2x3 的随机张量</p> <p>x = torch.rand(2, 3)</p> <p>print(x)</p> <h2 id="查看形状">查看形状</h2> <p>print(x.shape)</p> 机器学习入门：从零开始的炼丹之路 https://knight134.com/posts/2024-05-10-ml-intro/ Fri, 10 May 2024 09:00:00 +0800 https://knight134.com/posts/2024-05-10-ml-intro/ <h2 id="什么是机器学习">什么是机器学习？</h2> <p>机器学习是人工智能的一个分支，它使计算机能够在没有明确编程的情况下学习。简单来说，就是让机器从数据中寻找规律。</p> <h2 id="我的学习路径">我的学习路径</h2> <ol> <li><strong>基础理论</strong>：吴恩达老师的课程是必看的。</li> <li><strong>工具库</strong>：熟练使用 <code>NumPy</code> 和 <code>Pandas</code> 处理数据。</li> <li><strong>实战</strong>：从 Kaggle 的经典赛题开始，比如 Titanic 生存预测。</li> </ol> <h2 id="代码示例">代码示例</h2> <p>python</p> <p>from sklearn.linear_model import LogisticRegression</p> <p>model = LogisticRegression()</p> <h2 id="模拟训练数据">模拟训练数据</h2> <p>X = [[0], [1], [2]]</p> <p>y = [0, 1, 1]</p> <p>model.fit(X, y)</p> <p>print(f&quot;预测结果: {model.predict([[1.5]])}&quot;)</p> 我的技术探索之旅：从数据分析到前端可视化 https://knight134.com/posts/my-first-post/ Mon, 15 Jan 2024 10:00:00 +0800 https://knight134.com/posts/my-first-post/ <p>这里是你的文章内容。你可以愉快地使用 <strong>Markdown</strong> 语法。</p> <h3 id="我的第一个数据可视化项目">我的第一个数据可视化项目</h3> <p>比如，你可以直接把你在 Jupyter Notebook 里生成的前端可视化代码（HTML/JS）直接粘贴在这里：</p> <div id="my-chart" style="width: 600px; height: 400px; background: #f0f0f0; display: flex; align-items: center; justify-content: center;"> <!------ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D3.js Solar System</title> <script src="https://d3js.org/d3.v7.min.js"></script> <style> body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #000; overflow: hidden; /* 防止滚动条出现 */ } .solar-system { width: 800px; height: 800px; } /* 星空背景 */ .stars { fill: white; opacity: 0.8; } /* 行星公转动画 */ @keyframes orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .orbit { animation: orbit linear infinite; transform-origin: center center; } /* 行星自转动画 */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } .planet-spin { animation: spin linear infinite; transform-origin: center center; } </style> </head> <body> <pre><code>&lt;div id=&quot;solar-system-container&quot;&gt;&lt;/div&gt; &lt;script&gt; // 1. 定义太阳系数据 const solarSystem = { sun: { radius: 40, color: &quot;#FDB813&quot; }, planets: [ { name: &quot;水星&quot;, radius: 8, color: &quot;#A9A9A9&quot;, distance: 100, orbitDuration: 4, spinDuration: 10 }, { name: &quot;金星&quot;, radius: 12, color: &quot;#FFC649&quot;, distance: 160, orbitDuration: 8, spinDuration: 20 }, { name: &quot;地球&quot;, radius: 14, color: &quot;#6B93D6&quot;, distance: 220, orbitDuration: 12, spinDuration: 5 }, { name: &quot;火星&quot;, radius: 10, color: &quot;#FF4D4D&quot;, distance: 280, orbitDuration: 16, spinDuration: 15 }, { name: &quot;木星&quot;, radius: 30, color: &quot;#FFA726&quot;, distance: 380, orbitDuration: 24, spinDuration: 3 }, { name: &quot;土星&quot;, radius: 26, color: &quot;#FFD95A&quot;, distance: 480, orbitDuration: 30, spinDuration: 4, hasRing: true }, { name: &quot;天王星&quot;, radius: 20, color: &quot;#4FD0E7&quot;, distance: 580, orbitDuration: 40, spinDuration: 8 }, { name: &quot;海王星&quot;, radius: 20, color: &quot;#4B70DD&quot;, distance: 680, orbitDuration: 50, spinDuration: 10 } ] }; // 2. 创建 SVG 画布 const width = 800; const height = 800; const centerX = width / 2; const centerY = height / 2; const svg = d3.select(&quot;#solar-system-container&quot;) .append(&quot;svg&quot;) .attr(&quot;width&quot;, width) .attr(&quot;height&quot;, height) .attr(&quot;viewBox&quot;, `0 0 ${width} ${height}`) .attr(&quot;preserveAspectRatio&quot;, &quot;xMidYMid meet&quot;) .classed(&quot;solar-system&quot;, true); // 3. 绘制背景星空 const starsCount = 200; const starsData = Array.from({ length: starsCount }, () =&gt; ({ x: Math.random() * width, y: Math.random() * height, r: Math.random() * 1.5 })); svg.selectAll(&quot;.star&quot;) .data(starsData) .enter() .append(&quot;circle&quot;) .attr(&quot;class&quot;, &quot;stars&quot;) .attr(&quot;cx&quot;, d =&gt; d.x) .attr(&quot;cy&quot;, d =&gt; d.y) .attr(&quot;r&quot;, d =&gt; d.r); // 4. 绘制太阳 svg.append(&quot;circle&quot;) .attr(&quot;cx&quot;, centerX) .attr(&quot;cy&quot;, centerY) .attr(&quot;r&quot;, solarSystem.sun.radius) .attr(&quot;fill&quot;, solarSystem.sun.color) .attr(&quot;filter&quot;, &quot;url(#glow)&quot;); // 添加发光滤镜 // 5. 绘制行星及其轨道 const planetGroups = svg.selectAll(&quot;.planet-group&quot;) .data(solarSystem.planets) .enter() .append(&quot;g&quot;) .attr(&quot;class&quot;, &quot;planet-group&quot;) .attr(&quot;transform&quot;, `translate(${centerX}, ${centerY})`); // 轨道线 planetGroups.append(&quot;circle&quot;) .attr(&quot;class&quot;, &quot;orbit&quot;) .attr(&quot;r&quot;, d =&gt; d.distance) .attr(&quot;fill&quot;, &quot;none&quot;) .attr(&quot;stroke&quot;, &quot;rgba(255, 255, 255, 0.2)&quot;) .attr(&quot;stroke-width&quot;, 1) .style(&quot;animation-duration&quot;, d =&gt; `${d.orbitDuration}s`); // 行星本体 const planets = planetGroups.append(&quot;g&quot;) .attr(&quot;class&quot;, &quot;planet-spin&quot;) .style(&quot;animation-duration&quot;, d =&gt; `${d.spinDuration}s`); planets.append(&quot;circle&quot;) .attr(&quot;cx&quot;, d =&gt; d.distance) .attr(&quot;cy&quot;, 0) .attr(&quot;r&quot;, d =&gt; d.radius) .attr(&quot;fill&quot;, d =&gt; d.color); // 土星环 planets.filter(d =&gt; d.hasRing) .append(&quot;ellipse&quot;) .attr(&quot;cx&quot;, d =&gt; d.distance) .attr(&quot;cy&quot;, 0) .attr(&quot;rx&quot;, d =&gt; d.radius * 2.5) .attr(&quot;ry&quot;, d =&gt; d.radius * 0.5) .attr(&quot;fill&quot;, &quot;none&quot;) .attr(&quot;stroke&quot;, d =&gt; d3.color(d.color).brighter(0.5)) .attr(&quot;stroke-width&quot;, 3) .attr(&quot;opacity&quot;, 0.8) .attr(&quot;transform&quot;, `rotate(-20, ${d =&gt; d.distance}, 0)`); // 6. 添加太阳光晕滤镜 const defs = svg.append(&quot;defs&quot;); const filter = defs.append(&quot;filter&quot;) .attr(&quot;id&quot;, &quot;glow&quot;) .attr(&quot;x&quot;, &quot;-50%&quot;) .attr(&quot;y&quot;, &quot;-50%&quot;) .attr(&quot;width&quot;, &quot;200%&quot;) .attr(&quot;height&quot;, &quot;200%&quot;); filter.append(&quot;feGaussianBlur&quot;) .attr(&quot;stdDeviation&quot;, &quot;8&quot;) .attr(&quot;result&quot;, &quot;coloredBlur&quot;); const feMerge = filter.append(&quot;feMerge&quot;); feMerge.append(&quot;feMergeNode&quot;).attr(&quot;in&quot;, &quot;coloredBlur&quot;); feMerge.append(&quot;feMergeNode&quot;).attr(&quot;in&quot;, &quot;SourceGraphic&quot;); &lt;/script&gt; </code></pre> </body> </html> ------> <!-- 1. 样式部分：直接写在这里，或者放在文章的 <head> 里 --> <!----------------- <style> /* 星空背景，覆盖父容器的灰色背景 */ #my-chart { background-color: #000 !important; /* 强制变黑，配合太空主题 */ position: relative; overflow: hidden; } /* 星空点点 */ .stars { fill: white; opacity: 0.8; } /* 行星公转动画 */ @keyframes orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .orbit { animation: orbit linear infinite; transform-origin: center center; } /* 行星自转动画 */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } .planet-spin { animation: spin linear infinite; transform-origin: center center; } </style> --------------> <!-- 2. 内容容器（保留你的原ID，但清空内容） --> <p>/*</p>