Skip to content

Instantly share code, notes, and snippets.

@sampathweb
Created October 18, 2016 20:19
Show Gist options
  • Save sampathweb/fb4fdb284fcdc7979fedc37b278a1ccc to your computer and use it in GitHub Desktop.
Save sampathweb/fb4fdb284fcdc7979fedc37b278a1ccc to your computer and use it in GitHub Desktop.
Alpha Frequency
license: mit
letter frequency
A .08167
B .01492
C .02782
D .04253
E .12702
F .02288
G .02015
H .06094
I .06966
J .00153
K .00772
L .04025
M .02406
N .06749
O .07507
P .01929
Q .00095
R .05987
S .06327
T .09056
U .02758
V .00978
W .02360
X .00150
Y .01974
Z .00074
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
</style>
</head>
<body>
<script>
// Feel free to change or delete any of the code you see in this editor!
var margin = {
top: 20,
right: 20,
bottom: 30,
left: 40
};
var width = 960 - margin.left - margin.right;
var height = 500 - margin.top - margin.bottom;
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
// Scale
var x = d3.scaleLinear()
.range([0, width]);
var y = d3.scaleBand()
.range([0, height]);
// Axes
var xAxis = d3.axisTop(x)
.ticks(10, "%");
var yAxis = d3.axisLeft(y);
d3.csv("alpha_frequencies.csv", function(error, data){
if (error) throw error;
data.forEach(function(d) {
return d.frequency = +d.frequency;
});
data.sort(function(a, b) {
return b.frequency - a.frequency
})
x.domain([0, d3.max(data, function(d) { return d.frequency; })]);
y.domain(data.map(function(d) { return d.letter; }))
.paddingInner(0.1);
console.log(data);
svg.append("g")
.attr("class", "y axis")
.attr("transform", "translate(-3, 0)")
.call(yAxis);
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0,-3)")
.call(xAxis);
svg.selectAll(".bar")
.data(data)
.enter().append("rect")
.attr("class", "bar")
.attr("x", 0)
.attr("height", y.bandwidth())
.attr("y", function(d) { return y(d.letter); })
.attr("width", function(d) { return x(d.frequency); })
.style("fill", "steelblue")
});
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment