forked from jackschaedler/circles-sines-signals
-
Notifications
You must be signed in to change notification settings - Fork 0
/
notation.html
161 lines (132 loc) · 7.17 KB
/
notation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<html>
<head>
<title>Circles Sines and Signals - DFT Notation</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="third_party/d3/d3.min.js"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
jax: ["input/TeX","input/MathML","output/SVG"],
extensions: ["tex2jax.js","mml2jax.js","MathMenu.js","MathZoom.js"],
TeX: {
extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]
}
});
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({ TeX: { extensions: ["color.js"] }});
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config(
{
SVG: {linebreaks: { automatic:true }},
displayAlign: "center"
}
);
</script>
<script type="text/javascript"
src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_SVG">
</script>
<link href='//fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Vollkorn:400italic,400' rel='stylesheet' type='text/css'>
<style>
@import url("fontello-b1d57784/css/fontello.css");
@import url("style.css");
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-59785365-1', 'auto');
ga('send', 'pageview');
</script>
<link rel="icon" type="" href="favicon.ico"></head>
<body>
<div class="title">
<table width="900">
<tr>
<td width="90%">
<div class="bigheader" id="titleinfo">
</div>
</td>
</tr>
<tr>
<td width="70%">
<br/>
<div id="menu" class="menu" style="margin-left: 45; ">
<table> <tr id="menurow"> </tr> </table>
</div>
<!-- -->
</td>
</tr>
</table>
</div>
<div class="littleheader"> THE DISCRETE FOURIER TRANSFORM
<div class="subheader" style="font-size: 14px"> CLASSICAL NOTATION </div>
</div>
<table class="figureTable">
<tr>
<td style="vertical-align: top;">
<div class="text" style="margin-left: 0px">
<table>
<tr>
<td>
<img src="fourier.png"></img>
</td>
<td>
<div class='fourierEquation' style="font-size: 110%">
$$ \mathrm{DFT}[k] = \sum_{n=0}^{N-1} \mathrm{x}[n] \cdot
e^{-\varphi\mathrm{i}} \\
where \quad \varphi = k \frac{n}{N} 2\pi
$$
</div>
</td>
</tr>
<tr class="figureCaption">
<td>
<b>Illustration 1.</b> Caricature of Joseph Fourier by Julien-Léopold Boilly<br/><sub>Note the Pythagorean doodle in the upper left and the Phasor doodle to the right.</sub>
</td>
<td width="50%">
<b>Equation 1.</b> The Discrete Fourier Transform<sup>1</sup><br/>
<sub>Don't panic.</sub>
</td>
</tr>
</table>
<br/><br/>
<p>
Although the classical notation of the Discrete Fourier Transform isn’t terribly approachable for learning purposes, it is a beautifully compact representation. It contains everything you need to know in order to implement and encode the transform. I personally think that it’s important to feel comfortable with the classical notation because you’ll continually encounter it when reading any paper or book related to signal processing. Most practicing scientists and engineers communicate with one another using these funny glyphs and symbols, so if you want to join in on the discussion you must be able to interpret the symbolic notation and relate it to your own mental models.<sup>2</sup>
In the next two sections we'll spend some time unpacking the classical notation and relating it to the concepts that we’ve already learned.
</p>
<div style="font-size: 20px">
$$\mathrm{DFT[k]}$$
</div>
<span class="inlineexample"> DFT </span> is a list of <span class="inlineexample">N</span> <i>complex numbers</i>. It’s the <i>output</i> of the Discrete Fourier Transform. A complex number is composed of a <i>real</i> and <i>imaginary</i> number. Each complex number in the <span class="inlineexample">DFT</span> list encodes the amplitude and phase of a single phasor. More on complex numbers in the next section.
<div style="font-size: 20px">
$$\mathrm{x}[n]$$
</div>
<span class="inlineexample">x[n]</span> Is an arbitrary time-domain signal with a length of <span class="inlineexample">N</span> samples. It’s the <i>input</i> to the Discrete Fourier Transform. It's written as <span class="inlineexample">x</span> and not <span class="inlineexample">signal</span> or <span class="inlineexample">input</span> because mathematicians are enamored with abstraction and brevity.
<div style="font-size: 25px">
$$e^{-\varphi\mathrm{i}}$$
</div>
<span class="inlineexample"><b>e<sup>-φi</sup></b></span> Is a compact way of describing a pair of sine and cosine waves. Beyond being succinct, this representation is exceptionally fascinating, and relates to Euler’s formula. More on <i>that</i> later.
<div style="font-size: 20px">
$$\sum_{n=0}^{N-1} x[n] \cdot y[n]$$
</div>
Is a <i>dot-product</i>. The dot product lies at the the heart of the Discrete Fourier Transform, and we’ll spend a fair amount of time with it after learning about complex numbers.
<div style="font-size: 20px">
$$\varphi = k \frac{n}{N} 2\pi$$
</div>
Is just a way of describing the phase and frequency of a sine wave. There’s really no need to get hung up on this. This construction should become clear once we begin to see the transform in action.
</td>
<td class="figureExplanation" style="">
<b>1.</b>
You’ll often see this written with the phi (φ) term inline. I find that a bit hard to read (it's just too smushed up and crowded), so I've extracted the phi term from the exponent. Don't get thrown if you see a slightly different formulation when you look into the literature.<br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<b>2.</b>
If you're like me, you might wonder if Mathematicians <i>themselves</i> actually use these sorts of representations to do their work. Do most mathematicians really get this stuff at a deep, intuitive level? What sort of mental models and representations do mathematicians use for thinking? Jacques Hadamard asked these very sorts of questions, and it's worth watching <a href="http://youtu.be/kzDpfk8YhlE?t=32m57s">this video</a> of Alan Kay discussing the topic of symbolic representation and Hadamard's work. <a href="http://www.pitt.edu/~jdnorton/Goodies/Einstein_think/index.html">This article</a> is also interesting. It's titled, "How Did Einstein Think?"
</td>
</tr>
</table><br/><br/><br/><br/>
<div class="title" id="footer"></div><script type="text/javascript" src="menu.js"></script></body>
</html>