Spaces:

NCDTech
/

robot-lab

Running

App Files Files Community

robot-lab / index.html

yuncheol-ncdtech

Upload index.html

76b0d3e verified 3 days ago

Raw

History Blame Contribute Delete

9.9 kB

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>NCDTech · Robot Lab</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap" rel="stylesheet">
	<style>
	* { margin: 0; padding: 0; box-sizing: border-box; }
	body {
	font-family: "IBM Plex Sans KR", "Malgun Gothic", sans-serif;
	background: #FAFBFD;
	background-image: linear-gradient(#16324F08 1px, transparent 1px),
	linear-gradient(90deg, #16324F08 1px, transparent 1px);
	background-size: 28px 28px;
	color: #16324F;
	line-height: 1.6;
	}
	.wrap { max-width: 960px; margin: 0 auto; padding: 48px 24px 64px; }
	.kicker {
	font-family: "IBM Plex Mono", monospace; font-size: 13px; letter-spacing: 3px;
	color: #0E9494; font-weight: 600; margin-bottom: 10px;
	}
	h1 { font-size: 30px; line-height: 1.3; margin-bottom: 8px; }
	.sub { font-size: 16px; color: #46606b; margin-bottom: 26px; }
	.video {
	position: relative; width: 100%; padding-top: 56.25%;
	border-radius: 14px; overflow: hidden; box-shadow: 0 6px 24px #16324F22;
	background: #16324F; margin-bottom: 10px;
	}
	.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
	.caption { font-size: 13.5px; color: #5a6b76; margin-bottom: 8px; }
	.caption a { color: #0E9494; font-weight: 600; }
	.note { font-size: 14px; background: #fff; border-left: 4px solid #D97706;
	padding: 10px 14px; border-radius: 0 8px 8px 0; margin: 14px 0 34px; color: #384750; }
	h2 { font-size: 21px; margin: 40px 0 4px; }
	h2 .mono { font-family: "IBM Plex Mono", monospace; color: #0E9494; font-size: 15px; margin-right: 8px; }
	.desc { font-size: 15px; color: #384750; margin-bottom: 16px; }
	.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; }
	.card { background: #fff; border: 1px solid #16324F1a; border-radius: 12px; overflow: hidden;
	text-decoration: none; color: #16324F; box-shadow: 0 3px 10px #16324F10;
	transition: transform .12s ease; display: block; }
	.card:hover { transform: translateY(-3px); }
	.card img { width: 100%; display: block; aspect-ratio: 16/9; object-fit: cover; }
	.card .t { font-size: 13.5px; font-weight: 700; padding: 9px 12px 2px; line-height: 1.4; }
	.card .d { font-family: "IBM Plex Mono", monospace; font-size: 11.5px; color: #7c8b94; padding: 0 12px 10px; }
	.links { margin-top: 44px; padding-top: 22px; border-top: 2px solid #16324F14; font-size: 15px; }
	.links a { color: #0E9494; font-weight: 600; text-decoration: none; }
	.links a:hover { text-decoration: underline; }
	.links div { margin: 6px 0; }
	.foot { margin-top: 30px; font-size: 13px; color: #7c8b94; }
	</style>
	</head>
	<body>
	<div class="wrap">

	<div class="kicker">NCDTECH · ROBOT LAB</div>
	<h1>One tracked robot, from PID to a neural network.</h1>
	<div class="sub">궤도 로봇 한 대가 PID 제어에서 신경망 주행까지 가는 여정, 그리고 그 경험에서 태어난 책상 위 자율주행 시리즈입니다.
	이 로봇은 저희 현장 AI 스택(엣지 신경망·자가검사·온프레미스 LLM)이 자란 테스트베드이고, 지금 그 스택은 노후 기계식 설비의 예지보전(PdM)을 향해 있습니다.</div>

	<div class="video">
	<iframe src="https://www.youtube.com/embed/6DJX0T6qrtM"
	title="Neural network drives the robot"
	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
	allowfullscreen></iframe>
	</div>
	<div class="caption">Featured (2026-04-24, 3:18): the neural network takes the wheel.
	The exact weight file running in this video is published here:
	<a href="https://huggingface.co/NCDTech/real-robot-driving-mlp-numpy">NCDTech/real-robot-driving-mlp-numpy</a> (101 parameters, 2.4 KB).</div>

	<div class="note">Honest note: in the NN test the robot is propped up in the air.
	The LEGO-built chassis was too fragile for repeated floor runs, so the network drives the tracks from live ultrasonic input.
	The thumbnail jokes about it.</div>

	<h2><span class="mono">01</span>The real-robot journey · 실로봇 여정</h2>
	<div class="desc">Seven episodes, in order.
	Watch the same robot get a brain, learn PID, collect its own data, and hand the wheel to a neural network.
	(All videos in Korean.)</div>
	<div class="grid">
	<a class="card" href="https://youtu.be/CPxkrDB2ErA"><img src="https://img.youtube.com/vi/CPxkrDB2ErA/mqdefault.jpg" alt=""><div class="t">Before any system · 시스템 적용 전</div><div class="d">2026-03-04</div></a>
	<a class="card" href="https://youtu.be/z99BF3LTb1I"><img src="https://img.youtube.com/vi/z99BF3LTb1I/mqdefault.jpg" alt=""><div class="t">A toy robot gets a brain · 두뇌를 넣었다</div><div class="d">2026-03-30</div></a>
	<a class="card" href="https://youtu.be/cX3zh5vqT5w"><img src="https://img.youtube.com/vi/cX3zh5vqT5w/mqdefault.jpg" alt=""><div class="t">PID driving complete · PID 자율주행 완성</div><div class="d">2026-04-04 · 2:58</div></a>
	<a class="card" href="https://youtu.be/weGeegYQcXI"><img src="https://img.youtube.com/vi/weGeegYQcXI/mqdefault.jpg" alt=""><div class="t">Collect + analyze + train · 데이터 수집+분석+학습</div><div class="d">2026-04-13 · 1:45</div></a>
	<a class="card" href="https://youtu.be/Q43jIftHGJQ"><img src="https://img.youtube.com/vi/Q43jIftHGJQ/mqdefault.jpg" alt=""><div class="t">Python vs C training speed · 학습 속도 비교</div><div class="d">2026-04-21 · 2:09</div></a>
	<a class="card" href="https://youtu.be/6DJX0T6qrtM"><img src="https://img.youtube.com/vi/6DJX0T6qrtM/mqdefault.jpg" alt=""><div class="t">★ The NN takes the wheel · 신경망 주행</div><div class="d">2026-04-24 · 3:18</div></a>
	<a class="card" href="https://youtu.be/4kxRep7x9mo"><img src="https://img.youtube.com/vi/4kxRep7x9mo/mqdefault.jpg" alt=""><div class="t">🐱 Cats take over the lab · 냥이 이벤트</div><div class="d">2026-05-05 · 7:57</div></a>
	</div>

	<h2><span class="mono">02</span>Desktop autonomous driving series · 책상 위 자율주행 8부작</h2>
	<div class="desc">What the real robot taught us became a simulation studio.
	Eight episodes: virtual maps, sensors with datasheet noise, self-generated data, training, live softmax, grading, and MuJoCo physics.
	The 270-parameter model from this series is published as
	<a href="https://huggingface.co/NCDTech/sim-driving-mlp-numpy" style="color:#0E9494;font-weight:600">NCDTech/sim-driving-mlp-numpy</a>.</div>
	<div class="grid">
	<a class="card" href="https://youtu.be/wJPXeEgIJz4"><img src="https://img.youtube.com/vi/wJPXeEgIJz4/mqdefault.jpg" alt=""><div class="t">#1 Virtual maps · 가상 맵과 절차적 생성</div><div class="d">2026-06-04 · 13:12</div></a>
	<a class="card" href="https://youtu.be/ScGQUZpeVnA"><img src="https://img.youtube.com/vi/ScGQUZpeVnA/mqdefault.jpg" alt=""><div class="t">#2 Giving the robot senses · 센서 정의</div><div class="d">2026-07-01 · 37:13</div></a>
	<a class="card" href="https://youtu.be/l6bBRL8hWsc"><img src="https://img.youtube.com/vi/l6bBRL8hWsc/mqdefault.jpg" alt=""><div class="t">#3 It writes its own workbook · 데이터 생성</div><div class="d">2026-07-03 · 8:27</div></a>
	<a class="card" href="https://youtu.be/zGt0b6zUTJM"><img src="https://img.youtube.com/vi/zGt0b6zUTJM/mqdefault.jpg" alt=""><div class="t">#4 Building the brain · 신경망 학습</div><div class="d">2026-07-04 · 26:38</div></a>
	<a class="card" href="https://youtu.be/rSusYCEeTY4"><img src="https://img.youtube.com/vi/rSusYCEeTY4/mqdefault.jpg" alt=""><div class="t">#5 Live softmax broadcast · 뇌 생중계</div><div class="d">2026-07-05 · 3:15</div></a>
	<a class="card" href="https://youtu.be/G7Ivr3Zw2B4"><img src="https://img.youtube.com/vi/G7Ivr3Zw2B4/mqdefault.jpg" alt=""><div class="t">#6 Report card and grades · 주행 성적표</div><div class="d">2026-07-06 · 7:22</div></a>
	<a class="card" href="https://youtu.be/kzPpngi85sc"><img src="https://img.youtube.com/vi/kzPpngi85sc/mqdefault.jpg" alt=""><div class="t">#7 MuJoCo physics driving · 물리 엔진 주행</div><div class="d">2026-07-10 · 18:59</div></a>
	<a class="card" href="https://youtu.be/KAO4Kt87JKA"><img src="https://img.youtube.com/vi/KAO4Kt87JKA/mqdefault.jpg" alt=""><div class="t">#8 Physics sweep, finale · 물리 스윕 완결</div><div class="d">2026-07-12 · 8:51</div></a>
	</div>

	<h2><span class="mono">03</span>Where it went next · 그 다음</h2>
	<div class="desc">The whole stack now inspects itself and talks about its own reports through an on-premise LLM, growing only under administrator approval.
	See the live demo page:
	<a href="https://huggingface.co/spaces/NCDTech/self-qaqc-llm-demo" style="color:#0E9494;font-weight:600">Self QA/QC + Local LLM Demo</a>.</div>

	<div class="links">
	<div>🤖 Real-robot model: <a href="https://huggingface.co/NCDTech/real-robot-driving-mlp-numpy">real-robot-driving-mlp-numpy</a> · Sim model: <a href="https://huggingface.co/NCDTech/sim-driving-mlp-numpy">sim-driving-mlp-numpy</a></div>
	<div>📚 Dataset: <a href="https://huggingface.co/datasets/NCDTech/human-gated-qaqc-knowledge-example">human-gated-qaqc-knowledge-example</a></div>
	<div>🏢 Organization: <a href="https://huggingface.co/NCDTech">huggingface.co/NCDTech</a> · Website: <a href="https://ncdtech.org">ncdtech.org</a></div>
	</div>

	<div class="foot">NCDTech (New Cyclorama Dream Technology) · smart monitoring and control systems that grow</div>

	</div>
	</body>
	</html>