Educational JavaScript GUIs


The following demos illustrate DSP concepts that were developed by the VIP: Intelligent Tutoring System team.


These JavaScript demos have been adopted from the MATLAB GUIs available at: dspfirst.gatech.edu/matlab.

Continuous-Discrete Sampling Demo

con2dis.png
The Continuous-Discrete Sampling Demo is a program that shows the continuous and discrete spectra (and signals) during sampling.

  • Users can change the input frequency and sampling rate.
  • Frequency axis can be labeled in Hertz or radians/sec.
  • Reconstruction through D/A is also shown.

Con2Dis Demo 2.0 Con2Dis Demo 1.0

Authors: Wenqi Xian, Ruo Zhang, Greg Krudysz

Fourier Series

FourierSeriesDemo Screenshot
FourierSeries Demo is a GUI that shows Fourier Series synthesis for different number of Fourier coefficients. Different signals can be selected: square wave, sawtooth, triangle and rectified sinusoids.

Fourier Series Demo

Authors: Robert Smith, Yihan Zhou

Phasor Races

PhasorRaces began as a speed drill for testing complex addition. Now it includes many other related operations that can be tested in a "drill" scenario: adding sinusoids, z-transforms, etc. A timer starts as soon as the problem is posed, so that a student can try to solve questions quickly and accurately.

PhasorRaces demo

Authors: Alejandro Diaz Pantoja, Rikhil Shah

SinDrill

SinDrill is a program that tests the users ability to determine basic parameters of a sinusoid. After a plot of a sinusoid is displayed, the user must correctly guess its amplitude, frequency, and phase.

SinDrill demo

Author: Bhaskar Khaneja

ZDrill

ZDrill is a program that tests the users ability to calculate the result of simple operations on complex numbers. The program emphasizes the vectorial view of a complex number.

The following six operations are supported:
  • Add
  • Subtract
  • Multiply
  • Divide
  • Inverse
  • Conjugate

ZDrill demo

Author: Lekha Surasani