Giter Club home page Giter Club logo

audiovisuals's Introduction

Charting Variation in Song Tempo

##using D3 and the Spotify API ###Front-End Capstone Project for Nashville Software School

##Project Goals:

Determine to what extent a given song's tempo speeds up or slows down over the course of a song.

Interpret large data sets. Spotify's API provides a detailed analysis file for each song in its' catalogue, including the length of each beat, bar, etc. in that song.

Example from a Spotify song analysis file:

"beats": [
    {
      "start": 0.19322,
      "duration": 0.42275,
      "confidence": 0.061
    },
    {
      "start": 0.61597,
      "duration": 0.42643,
      "confidence": 0.896
    },
    {
      "start": 1.0424,
      "duration": 0.41907,
      "confidence": 0.955
    },

##Resources ###These links helped me implement D3 and UI-Router:

https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views https://medium.com/@mbostock/introducing-d3-scale-61980c51545f#.knq539kkq https://www.lynda.com/D3js-tutorials/Data-Visualization-D3js/162449-2.html http://pothibo.com/2013/09/d3-js-how-to-handle-dynamic-json-data/ http://javascript.tutorialhorizon.com/2015/01/17/d3-fundamentals-understanding-domain-range-and-scales-in-d3js/ https://github.com/d3/d3/blob/master/API.md http://chimera.labs.oreilly.com/books/1230000000345/ch07.html#_creating_a_scale https://bost.ocks.org/mike/bar/3/ https://www.dashingd3js.com/d3js-scales http://vegibit.com/create-a-bar-chart-with-d3-javascript/ https://github.com/angular-ui/ui-router/wiki/Quick-Reference#stategoto--toparams--options http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref

audiovisuals's People

Contributors

danrday avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.