Last active
January 4, 2016 17:29
-
-
Save craveytrain/8654597 to your computer and use it in GitHub Desktop.
Tech Interests
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<title>Tech Interests</title> | |
<style> | |
text { | |
font: 11px sans-serif; | |
} | |
</style> | |
<body> | |
<script src="http://d3js.org/d3.v3.min.js"></script> | |
<script> | |
var diameter = 960, | |
format = d3.format(",d"), | |
color = d3.scale.category20c(); | |
var bubble = d3.layout.pack() | |
.sort(null) | |
.size([diameter, diameter]) | |
.padding(1.5); | |
var svg = d3.select("body").append("svg") | |
.attr("width", diameter) | |
.attr("height", diameter) | |
.attr("class", "bubble"); | |
d3.json("techs.json", function(error, root) { | |
var node = svg.selectAll(".node") | |
.data(bubble.nodes({children: root}) | |
.filter(function(d) { | |
return !d.children; })) | |
.enter().append("g") | |
.attr("class", "node") | |
.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }); | |
node.append("title") | |
.text(function(d) { return d.name + ": " + format(d.value); }); | |
node.append("circle") | |
.attr("r", function(d) { | |
return d.r; }) | |
.style("fill", function(d) { return color(d.name); }); | |
node.append("text") | |
.attr("dy", ".3em") | |
.style("text-anchor", "middle") | |
.text(function(d) { | |
var text = d.name + ": " + format(d.value); | |
return text.substring(0, d.r / 3); }); | |
}); | |
d3.select(self.frameElement).style("height", diameter + "px"); | |
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ | |
{ | |
"name": "Google Glass", | |
"value": 2 | |
}, | |
{ | |
"name": "Augmented Reality", | |
"value": 1 | |
}, | |
{ | |
"name": "Solr Cloud", | |
"value": 3 | |
}, | |
{ | |
"name": "Docker", | |
"value": 2 | |
}, | |
{ | |
"name": "Packer", | |
"value": 1 | |
}, | |
{ | |
"name": "Netflix Asgard", | |
"value": 1 | |
}, | |
{ | |
"name": "Machine Learning", | |
"value": 5 | |
}, | |
{ | |
"name": "Massively Parallel Processing", | |
"value": 1 | |
}, | |
{ | |
"name": "Go", | |
"value": 8 | |
}, | |
{ | |
"name": "Bluetooth", | |
"value": 1 | |
}, | |
{ | |
"name": "Hadoop", | |
"value": 2 | |
}, | |
{ | |
"name": "Cassandra", | |
"value": 3 | |
}, | |
{ | |
"name": "Amazon Elastic Map Reduce", | |
"value": 1 | |
}, | |
{ | |
"name": "Amazon Elastic Beanstalk", | |
"value": 1 | |
}, | |
{ | |
"name": "MongoDB", | |
"value": 4 | |
}, | |
{ | |
"name": "ZooKeeper", | |
"value": 1 | |
}, | |
{ | |
"name": "HTML5", | |
"value": 1 | |
}, | |
{ | |
"name": "Mobile App Development", | |
"value": 3 | |
}, | |
{ | |
"name": "fluentd", | |
"value": 1 | |
}, | |
{ | |
"name": "Couchbase", | |
"value": 1 | |
}, | |
{ | |
"name": "NodeJS", | |
"value": 6 | |
}, | |
{ | |
"name": "Impala", | |
"value": 1 | |
}, | |
{ | |
"name": "Redis", | |
"value": 2 | |
}, | |
{ | |
"name": "WebSockets", | |
"value": 1 | |
}, | |
{ | |
"name": "Zero-q", | |
"value": 1 | |
}, | |
{ | |
"name": "Wearable Technology", | |
"value": 1 | |
}, | |
{ | |
"name": "Survey Technology", | |
"value": 1 | |
}, | |
{ | |
"name": "Natural Language Processing", | |
"value": 1 | |
}, | |
{ | |
"name": "Amazon Virtual Private Cloud", | |
"value": 1 | |
}, | |
{ | |
"name": "Fortran Web Services", | |
"value": 1 | |
}, | |
{ | |
"name": "Jetpacks", | |
"value": 1 | |
}, | |
{ | |
"name": "Groovy", | |
"value": 1 | |
}, | |
{ | |
"name": "Mobile Test Automation", | |
"value": 1 | |
}, | |
{ | |
"name": "NoSQL", | |
"value": 1 | |
}, | |
{ | |
"name": "iOS/Objective C", | |
"value": 2 | |
}, | |
{ | |
"name": "Amazon Redshift", | |
"value": 2 | |
}, | |
{ | |
"name": "Amazon Kenesis", | |
"value": 1 | |
}, | |
{ | |
"name": "RabbitMQ", | |
"value": 1 | |
}, | |
{ | |
"name": "Puppet Alternatives", | |
"value": 1 | |
}, | |
{ | |
"name": "App Programming", | |
"value": 1 | |
}, | |
{ | |
"name": "Bitcoin", | |
"value": 2 | |
}, | |
{ | |
"name": "Big Data", | |
"value": 2 | |
}, | |
{ | |
"name": "Web App Lib JS", | |
"value": 1 | |
}, | |
{ | |
"name": "Amazon Eng Ops", | |
"value": 1 | |
}, | |
{ | |
"name": "Genie", | |
"value": 1 | |
}, | |
{ | |
"name": "Rackspace", | |
"value": 1 | |
}, | |
{ | |
"name": "Litecoin", | |
"value": 1 | |
}, | |
{ | |
"name": "Magical Code Injection Rainbow", | |
"value": 1 | |
}, | |
{ | |
"name": "iBeacons", | |
"value": 1 | |
}, | |
{ | |
"name": "Holographic Interfaces", | |
"value": 1 | |
}, | |
{ | |
"name": "Android", | |
"value": 1 | |
}, | |
{ | |
"name": "Parse", | |
"value": 1 | |
}, | |
{ | |
"name": "Distributed Systems", | |
"value": 1 | |
}, | |
{ | |
"name": "Artificial Intelligence", | |
"value": 1 | |
}, | |
{ | |
"name": "FlightJS", | |
"value": 1 | |
}, | |
{ | |
"name": "Python", | |
"value": 2 | |
}, | |
{ | |
"name": "Robots", | |
"value": 1 | |
} | |
] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment