Skip to content

Instantly share code, notes, and snippets.

View Lulkafe's full-sized avatar

Seimei Matsusaki Lulkafe

  • Japan
View GitHub Profile
@Lulkafe
Lulkafe / index.html
Last active June 22, 2016 05:15
Visualization of Student Loan Complain dataset
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="vis.js"></script>
</head>
<style>
@Lulkafe
Lulkafe / index.html
Last active May 10, 2016 23:40
Manually Sortable D3 Barchart
<!DOCTYPE html>
<html lang="en">
<style>
.axis {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
@Lulkafe
Lulkafe / d3Star.js
Created April 30, 2016 15:44
D3 Star
function d3Star () {
var size = 20,
x = 0,
y = 0,
value = 1.0, //Range is 0.0 - 1.0
borderWidth = 3,
borderColor = "black",
starColor = "#FFB500",
backgroundColor = "white";
@Lulkafe
Lulkafe / d3CloseButton.js
Created April 22, 2016 23:04
Reusable d3 Close button
function d3CloseButton () {
var size = 20,
x = 0,
y = 0,
rx = 0,
ry = 0,
isCircle = false,
isBorderShown = false,
@Lulkafe
Lulkafe / d3CheckBox.js
Created April 18, 2016 23:58
D3 Checkbox
/* Reusable, pure d3 Checkbox */
function d3CheckBox () {
var size = 20,
x = 0,
y = 0,
rx = 0,
ry = 0,
markStrokeWidth = 3,
@Lulkafe
Lulkafe / index.html
Last active April 18, 2016 17:59
Simple D3 Slider
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="simpleD3Slider.js"></script>
</head>
<body>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="p5.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<title></title>
<style>
(function(){function t(t){return t.target}function n(t){return t.source}function e(t,n){try{for(var e in n)Object.defineProperty(t.prototype,e,{value:n[e],enumerable:!1})}catch(r){t.prototype=n}}function r(t){for(var n=-1,e=t.length,r=[];e>++n;)r.push(t[n]);return r}function i(t){return Array.prototype.slice.call(t)}function u(){}function a(t){return t}function o(){return!0}function c(t){return"function"==typeof t?t:function(){return t}}function l(t,n,e){return function(){var r=e.apply(n,arguments);return arguments.length?t:r}}function s(t){return null!=t&&!isNaN(t)}function f(t){return t.length}function h(t){return t.trim().replace(/\s+/g," ")}function d(t){for(var n=1;t*n%1;)n*=10;return n}function g(t){return 1===t.length?function(n,e){t(null==n?e:null)}:t}function p(t){return t.responseText}function m(t){return JSON.parse(t.responseText)}function v(t){var n=document.createRange();return n.selectNode(document.body),n.createContextualFragment(t.responseText)}function y(t){return t.responseXML}function M(){}
(function(){function t(t){return t.target}function n(t){return t.source}function e(t,n){try{for(var e in n)Object.defineProperty(t.prototype,e,{value:n[e],enumerable:!1})}catch(r){t.prototype=n}}function r(t){for(var n=-1,e=t.length,r=[];e>++n;)r.push(t[n]);return r}function i(t){return Array.prototype.slice.call(t)}function u(){}function a(t){return t}function o(){return!0}function c(t){return"function"==typeof t?t:function(){return t}}function l(t,n,e){return function(){var r=e.apply(n,arguments);return arguments.length?t:r}}function s(t){return null!=t&&!isNaN(t)}function f(t){return t.length}function h(t){return t.trim().replace(/\s+/g," ")}function d(t){for(var n=1;t*n%1;)n*=10;return n}function g(t){return 1===t.length?function(n,e){t(null==n?e:null)}:t}function p(t){return t.responseText}function m(t){return JSON.parse(t.responseText)}function v(t){var n=document.createRange();return n.selectNode(document.body),n.createContextualFragment(t.responseText)}function y(t){return t.responseXML}function M(){}
We can't make this file beautiful and searchable because it's too large.
median house value,median income,housing median age,total rooms,total bedrooms,population,households,latitude,longitude
452600.0,8.3252,41.0,880.0,129.0,322.0,126.0,37.88,-122.23
358500.0,8.3014,21.0,7099.0,1106.0,2401.0,1138.0,37.86,-122.22
352100.0,7.2574,52.0,1467.0,190.0,496.0,177.0,37.85,-122.24
341300.0,5.6431,52.0,1274.0,235.0,558.0,219.0,37.85,-122.25
342200.0,3.8462,52.0,1627.0,280.0,565.0,259.0,37.85,-122.25
269700.0,4.0368,52.0,919.0,213.0,413.0,193.0,37.85,-122.25
299200.0,3.6591,52.0,2535.0,489.0,1094.0,514.0,37.84,-122.25
241400.0,3.12,52.0,3104.0,687.0,1157.0,647.0,37.84,-122.25
226700.0,2.0804,42.0,2555.0,665.0,1206.0,595.0,37.84,-122.26