Data-visualisation/index4.html at master · dcfwight/Data-visualisation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!doctype html>

<html lang="en">
<head>
	<title>Prosper Loan Analysis</title>
	<meta charset="utf-8">
	<script src="/js/d3.min.js" charset="utf-8"></script>
	<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon-96x96.png">
	<link rel="stylesheet" href="/css/boostrap.min.css"" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
	<script src="/js/d3_engine.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="/css/style1.css">
</head>
<body>
	<div id="intro" class='container'>
		<div class='col-sm-12'>
			<h1>Average loan rate by occupation and income level</h1>
			<hr>
			<h3>Do pilots face sky-high levels of interest? Are bus drivers taken for a ride?</h3>
			<p>The following analysis allows you to find out. I took data from <a href='http://www.prosper.com' target='_blank'>Prosper</a>
			, which is a peer-to-peer lending site. This data was sourced from Udacity. It had data on 113,937 loans with
			81 variables on each loan, including loan amount, borrower rate (or interest rate), current loan status,
			borrower income, and many others. The data was last updated 03/11/2014. These loans are all unsecured loans.</p>
			<p>I decided to focus on occupation and income level. Please use the graph below to explore whether
			different occupations face different loan rates (APRs) even when they are in the same income bracket.</p>
			<hr>
			<h3>How to interpret and use the graph</h3>
			<ul>
				<li>I have calculated the average APR for each occupation and each income group</li>
				<li>Each occupation has a different APR profile</li>
				<li>To examine each, either run the animation, or select an occupation from the list on the right</li>
				<li>To see precise details for each occupation and income level, use the tool-tip</li>
				<li>The overall average for the entire group is shown in black</li>
				<li>For more details on the data preparation, see below the chart</li>
			</ul>
		</div>

	</div>

	<div class='container'>
		<div id="container" class='col-sm-12'>
		<!--This is the container for the svg and interactive graph. Leave it in-->
		</div>
	</div>

	<div id="footer" class='container'>
		<div class='col-sm-12'>
			<h4>Data source</h4>
			<p>This data was sourced from Udacity, but ultimately came from Prosper</p>
			<h4>Data preparation</h4>
			<p>I have focused on the APR and income groupings. I wrangled the data in R first, and amalgamated some occupations,
			reducing the total number of different occupations from 66 to 50.</p>
			<h4>Last update</h4>
			<p>The data was last updated on 03/11/2014</p>
			<h4>Contact details</h4>
			<p>If you wish to contact me, please email at dcfwight@gmail.com</p>
		</div>
	</div>


	<script type="text/javascript">
	//Use D3 to load the CSV file and pass the contents of it to the draw function
		d3.csv("data/loans_clean.csv", function(d) {
			d.N = +d.N;
			return d;
		},
		draw);
	</script>
</body>
</html>