D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
jm3
Full window
Github gist
d3.audio.waveforms
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content="jm3"> <title>d3 audio waveforms</title> <!-- build:css stylesheets/app.min.css--> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:400,100|Raleway:400,200|Amatic+SC"> <link rel="stylesheet" type="text/css" href="waveform.css"> <!-- endbuild--> </head> <body> <div class="page"> <h1>d3 audio waveforms ·<a href="https://www.jm3.net/">john manoogian III</a></h1> <div class="waveform"> <h2>divs:</h2> <div></div> <h2>SVG:</h2> <div class="svg"> <!-- h2 Audio:--> </div> </div> <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141102884&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true" class="soundcloud_embed"></iframe> </div> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script src="waveform.js"></script> <!-- endbuild--> </body> </html>
Modified
http://d3js.org/d3.v3.min.js
to a secure url
https://d3js.org/d3.v3.min.js