- Need to go in and update all the d3 code for the new version 4. Will not currently work with old syntax.
Viewing on bl.ocks.org
bl.ocks.org is a simple viewer set up by Mike Bostock to view code examples hosted on GitHub Gist The visualizations have all been uploaded, along with their iterations.
- Clone the entire directory to your local machine.
git clone https://github.com/dcfwight/Data-visualisation.git - Start up a local server. E.g.
$ python3 -m http.server - This should then start serving on local host, port 8000.
- Open your brower and navigate to localhost:8000
- I have taken data from the Prosper Loan database. I have averaged it across occupations and across income groups.
- I want the data to show the different average loan rates (APRs), across each different occupation. This should allow the user to compare whether, for example, a bus driver has a different APR to a pilot, even if they have the same income level.
- I want the user to be able to easily switch between occupations and compare to the average.
- I made the following design choices following feedback:
- Reduce the number of colours from a rainbow palette to just one.
- Add introductory paragraph to set the scene better.
- Add the ability to select an occupation and highlight it's data (whilst still keeping the rest of the data plotted for reference)
- Adjust the speed of the animation, to a level which cycles through the occupations quickly, but not so quick that you cannot see them.
- Identified a mistake in my inital data capture, following feedback
- Reduced the weight of the horizontal grid lines to a more muted, less distracting shade of grey.
- NOTE - the previous iterations of the project are linked in the gist. The link to the bl.ocks is here
Feedback was sought from other Udacity students, and this affected the iterations of the visualization. To see their comments, open the file feedback.txt
- Udacity Nanodegree course, Mike Bostock, Scott Murray, Nikhil Nathwani blog on building buttons: here