Skip to content

Instantly share code, notes, and snippets.

@dave1010
Last active December 19, 2015 05:09
Show Gist options
  • Save dave1010/5901928 to your computer and use it in GitHub Desktop.
Save dave1010/5901928 to your computer and use it in GitHub Desktop.
Here's a quick test to make sure you really are awesome.

Base are looking to hire an awesome Midweight Front-end Developer

Here's a quick test to make sure you really are awesome.

  1. Create a HTML page: left half a Google Map, right half a donut chart
  2. Get the JSON(P) data from http://api.opendevicelab.com/?countries=United%20Kingdom
  3. add all the device labs' locations as markers on the Google Map
  4. sum up all the brands_available values and show as percentages on the donut chart (eg 20 labs with Apple devices, out of a total of 50 brands_available values = 40%)

Bonus points:

  • make hovering over a Google Map marker make the chart animate to show only percentages for that device lab
  • refresh the JSON feed every few minutes, without reloading the page, animating the chart if values change

Notes:

  • You can use http://bl.ocks.org, http://jsfiddle.net/ or similar to host the code if you want
  • Use any JavaScript libraries you like (jQuery, D3.js, etc)
  • No server processing should be required
  • It should work in at least 1 modern browser
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment