Illustrate your sound waves on the fly 🚀
Alternatives To Soundwave
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
3 days ago41gpl-3.0TypeScript
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
Awesome Algorithms15,060
5 days ago
A curated list of awesome places to learn and/or practice algorithms.
Apexcharts.js12,8663774617 days ago201July 31, 2023294mitJavaScript
📊 Interactive JavaScript Charts built on SVG
G610,20765414a day ago414August 04, 2023420mitTypeScript
♾ A Graph Visualization Framework in JavaScript
Gojs7,0901615 days ago264July 31, 2023otherHTML
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Smile5,79312134a month ago33June 14, 202317otherJava
Statistical Machine Intelligence & Learning Engine
Logicflow5,66475a day ago186July 17, 202361apache-2.0TypeScript
A flow chart editing framework focusing on business customization. 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。
Gephi5,444746 days ago9January 17, 2023466gpl-3.0Java
Gephi - The Open Graph Viz Platform
Vizceral4,00818115 months ago68July 20, 201950apache-2.0JavaScript
WebGL visualization for displaying animated traffic graphs
Serial Studio3,655
18 hours ago60otherC++
Multi-purpose serial data visualization & processing program
Alternatives To Soundwave
Select To Compare

Alternative Project Comparisons


CI Status Version Carthage compatible Swift 5 License

SoundWave is a customizable view representing sounds over time.


  • [x] Add and display audio metering level values on the fly
  • [x] Set array of pre-existing audio metering level and play / pause / resume
  • [x] Customize background, gradient start and end colors, metering level bar properties, etc.


  • iOS 10.0+
  • Xcode 10.2+
  • Swift 5+



CocoaPods is a dependency manager for Cocoa projects.

To integrate SoundWave into your Xcode project using CocoaPods, specify it in your Podfile:

pod "SoundWave"

Run $ pod install to add the framework to your Xcode project.


Carthage is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks.

To integrate SoundWave into your Xcode project using Carthage, specify it in your Cartfile:

github "bastienFalcou/SoundWave"

Run $ carthage update to build the framework and drag the built SoundWave.framework into your Xcode project.


Check out the demo app for an example. It contains the following demos: record sound and display metering levels on the fly, play sound afterwards, resize view, change colors and multiple other properties.

Adding View

AudioVisualizationView can be added to storyboard or instantiated programmatically:

let audioVisualizationView = AudioVisualizationView(frame: CGRect(x: 0.0, y: 0.0, width: 300.0, height: 500.0)))

Customize UI

Metering Level Bars

AudioVisualizationView inherits from UIView and consequently allows you to change all inherited properties (e.g. backgroundColor).

You can change width, corner radius and space inter bars for your graph. This will force the graph to redraw:

self.audioVisualizationView.meteringLevelBarWidth = 5.0
self.audioVisualizationView.meteringLevelBarInterItem = 1.0
self.audioVisualizationView.meteringLevelBarCornerRadius = 0.0

You can change style of level bar to single:

self.audioVisualizationView.meteringLevelBarSingleStick = true

You can change grandient start and end color:

self.audioVisualizationView.gradientStartColor = .white
self.audioVisualizationView.gradientEndColor = .black

Those variables declared as IBInspectable can also be set from Interface Builder.

Display sound metering levels on the fly


One sound metering level represents the power in decibels of a sound sample. First make sure you are in write mode:

self.audioVisualizationView.audioVisualizationMode = .write

Your graph representing metering levels will (re)draw every time you pass a new value on the fly by calling the following. The value needs to be between 0 and 1.

self.audioVisualizationView.add(meteringLevel: 0.6)

You need to calculate a percentage of your decibel values, based on minimum and maximum decibel number of your recording system. If one value is above 1, the metering level bar will not be fully visible within the bounds of the view.

If you need to reset your graph, just call the following:


Play existing array of metering levels


The AudioVisualizationView can take an array of metering levels to play. Those levels are all gathered in its meteringLevelsArray property, array of Float values again between 0 and 1. If there are not enough / too many values to fit the screen, those values will be respectively extrapolated / clustered in order to cover nicely the whole width of the screen.

self.audioVisualizationView.audioVisualizationMode = .read
self.audioVisualizationView.meteringLevels = [0.1, 0.67, 0.13, 0.78, 0.31] 5.0)

Specify the duration of your sound for the view to play exactly at the same pace (and your metering levels fit the sound power heard by the user).

Note: you can pause / resume / stop the process by calling:

self.audioVisualizationView.pause() durationLeft)

As said before, you can also reset the view at any point calling reset().


SoundWave is available under the MIT license. See the LICENSE file for more info.

Popular Graph Projects
Popular Visualization Projects
Popular Computer Science Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Play Framework