D3.js 인터랙티브 시각화로 이산 푸리에 변환을 설명하는 DSP 프라이머 'Seeing Circles, Sines, and Signals'
- Jack Schaedler의 Seeing Circles, Sines, and Signals는 이산 푸리에 변환을 30여 페이지 분량의 인터랙티브 시각화, 애니메이션, 소리로 설명하는 웹 프라이머임
- 모든 시각화는 D3.js로 제작했고, 저자는 Bret Victor의 Magic Ink에서 상호작용 남용을 피하라는 조언을 참고했다고 밝힘
- 저자 스스로 이 글을 pop-science로 규정하고, 엄밀한 학습을 원하면 Richard J Lyons의 Understanding Digital Signal Processing이나 Prandoni와 Vetterli의 무료 Coursera 강의를 대신 보라고 권함
- Julius O. Smith III의 The Mathematics of the DFT, Dan Ellis의 강의 자료, Geoff Martin의 온라인 책 등 무료로 공개된 DSP 자료를 함께 링크함
- 수학 오류나 기술 문제는 GitHub 이슈로 제보받음
Hacker News opinions
Figure 1 보면 제일 작은 원이 그림을 그리는 건 줄 알았는데 아니더라.
복소수를 자연수보다 먼저 발견한 문명이 있었으면 어땠을까. 육각형이 최고라고 주장할 수 있다면 복소수도 최고의 수라고 할 자격은 있음.
맞는 말임. 수학자들이 복소수를 진지하게 다루기 시작하니까 엄청난 게 한꺼번에 풀렸지. 더 일찍 발견됐으면 좋았을 텐데.
sin 함수만으로 그래픽이랑 사운드, 음악을 다 만든 게임 영상이 떠오르더라. 에셋이 하나도 없는 게임임.
나도 비슷한 주제로 교육 자료 만드는 중인데, 이쪽은 글이랑 사람 손이 훨씬 많이 들어간 건 인정함. 다들 vibe coding으로 교육 사이트 찍어낼 때 그 노력이 신뢰할 수 있는 위젯 라이브러리 쪽으로 가면 좋겠다는 생각임. 내 건 완전히 멈춘 WIP이고, MCP로 채팅에 위젯을 서빙하는 레지스트리 POC였음.
대학 다닐 때 이게 있었으면 좋았을 텐데. 교수님 강의를 그대로 옮겨 읽기만 하는 수업이 얼마나 지루했는지 모름.
복소 생성함수가 조합론 카운팅에 어떻게 도움이 되는지 이해하고 나면 머리가 핑 돎. 화살표가 돌면서 서로 맞아떨어지거나 상쇄되는 걸 추적하는 거니까.