borch

임베드 · 서버 없음

아무 페이지에나 얹는 라이브 ML.

아래 위젯들은 각각 당신의 브라우저, 당신의 GPU 에서 학습한다. Run 을 눌러 보고, 복사를 눌러 당신의 블로그·문서·강의에 떨어뜨릴 한 줄을 가져가라 — 서버도, 가입도 없이. 서버 없는 Gradio 데모처럼.

신경망이 경계를 배우는 걸 지켜보기 임베드 코드 복사

MLP 가 두 반달에 맞춰 경계를 휜다 · 레슨 열기 →

어텐션, 라이브 임베드 코드 복사

인과 어텐션 행렬을 히트맵으로 · 레슨 열기 →

합성곱 층의 커널 임베드 코드 복사

초기화 직후의 3×3 필터 여섯 개 · 레슨 열기 →

떨어지는 손실 곡선 임베드 코드 복사

Adam 이 작은 문제를 학습 · 레슨 열기 →

학습률이 중요하다 임베드 코드 복사

세 학습률, 세 운명: 발산·수렴·정체 · 레슨 열기 →

깊이엔 왜 skip 이 필요한가 임베드 코드 복사

깊이에 따라 줄어드는 기울기 · 레슨 열기 →

배치 정규화, 그려보기 임베드 코드 복사

전과 후의 활성값 · 레슨 열기 →

Dropout 의 마스크 임베드 코드 복사

정규화하는 무작위 마스크 · 레슨 열기 →

특이값 스펙트럼 임베드 코드 복사

SVD 의 특이값을 그래프로 · 레슨 열기 →

확률로서의 Softmax 임베드 코드 복사

로짓을 분포로 바꾸기 · 레슨 열기 →

벡터와 내적 임베드 코드 복사

두 벡터와 그 사이 각 · 레슨 열기 →

브로드캐스팅, 그려보기 임베드 코드 복사

모양이 늘어나 맞춰지는 방식 · 레슨 열기 →

학습 루프 임베드 코드 복사

스텝마다 내려가는 손실 · 레슨 열기 →

흐르는 기울기 임베드 코드 복사

그래프에서 바로 읽은 기울기 · 레슨 열기 →

레이어 정규화, 그려보기 임베드 코드 복사

각 행이 스스로 중심화 · 레슨 열기 →

어텐션 가중치 임베드 코드 복사

어느 위치가 어디에 주목하나 · 레슨 열기 →

신호와 그 주파수 · 레슨 열기 →

곡선 맞추기 임베드 코드 복사

점에 맞춰 학습된 곡선 · 레슨 열기 →

오토인코더 임베드 코드 복사

병목을 지나는 이미지 · 레슨 열기 →

적대적 예제 임베드 코드 복사

라벨을 뒤집는 미세한 변화 · 레슨 열기 →

한 글자씩 나오는 텍스트 · 레슨 열기 →

배치, 그려보기 임베드 코드 복사

배치로 쌓인 샘플 · 레슨 열기 →

빠른 시작 임베드 코드 복사

가장 작은 엔드투엔드 실행 · 레슨 열기 →

어떻게 임베드되나

한 줄, 그리고 독자의 GPU 에서 돈다

각 카드의 복사 버튼이 <iframe> 한 줄을 준다 — 설치하거나 호스팅할 것이 없다. 독자의 브라우저에서 학습하고, WebGPU 없는 브라우저에선 깨지지 않고 한 문장으로 알려준다. 내 것을 만들고 싶은가? 플레이그라운드에서 셀을 쓰거나, 레슨에서 시작해 그 코드를 임베드하라.

<iframe src="https://playidea-lab.github.io/borch/site/embed/embed.html?lesson=mini-transformer&cell=4"
        width="100%" height="480" style="border:0"></iframe>

정직한 주의 둘: 독자에게 WebGPU 가 필요하다(Chrome·Edge 113+, Firefox 141+, Safari 26+) — 없으면 위젯이 깨지지 않고 그렇게 말한다. 그리고 호스트 페이지 자체가 cross-origin-isolated 면 (드묾; 대부분 블로그는 아님) 프레임이 차단된다 — 보통 페이지는 괜찮다.

플레이그라운드 열기 → 레슨 둘러보기