Javascript Audio Visualizer

For a recent class project, I had to make an audio visualizer using JavaScript with a canvas. I think that it looks pretty cool, and I am proud of how it turned out.

Screen cap of the audio visualizerYou can check out the audio visualizer here! There are a couple of settings to mess around with, and I especially like the inverted color scheme as well. This was a really interesting project, and it was a ton of fun to make! I would really recommend doing this if you are into JavaScript and wanna make something cool.

Ergo Witness is now open source!

I have officially made Ergo Witness open source! It is capable of building to Android, Windows, Mac, and Linux. It is under the MIT License, so please feel free to fork it and use to to visualize whatever data you want!! The wiki is there with information about all methods that I have written, and which classes do what.

Click here to check it out

This visualization was used in the national CCDC competition, NCIS, and IRSeC successfully. Keep in mind that I built this for a target audience of people who do not fully understand networking, and I wanted to give them a general idea of what was going on.

This is also released on the Google Play store! Check it out!

Windows, Mac, and Linux builds are available here.

If you do need help setting this visualization for your own competition, please let me know! I would be happy to help out! The same goes for if you have questions about why I made one class the way that I did, etc.

Ergo Witness Update

Ergo Witness

 

What’s new?

  1. Much improved visuals and UI/UX.
  2. Options menu to configure your settings on start instead of going into files to do so.
  3. Camera speed control.
  4. Color coding groups based on the options menu configuration.
  5. Audio queues that play when specific protocols appear.
  6. DNS traffic is now represented .
  7. Click on a node to query it against your Logstash server.
  8. Linux, Mac, and Android support.

What’s coming?

  1. VR experience of being able to analyze data in a fun and interactive environment.
  2. Saving your options menu so that you don’t have to re-enter it every time.
  3. Improved audio and 3D models.