Add visualizing congress with D3 post

1 files changed, 16 insertions, 0 deletions

diff --git a/assets/scripts/d3/gender_terms_v0.js b/assets/scripts/d3/gender_terms_v0.js
new file mode 100644
index 0000000..32052ea
--- /dev/null
+++ b/assets/scripts/d3/gender_terms_v0.js
@@ -0,0 +1,16 @@
+(function() {
+  d3.json("/assets/data/legislators-current.json", function(data) {
+
+  d3.select("div#d3gender_terms_v0").selectAll("svg")
+    .data(data.legislators)
+    .enter()
+    .append("svg")
+      .attr("width", function(d) { return d.terms.length * 2; })
+      .attr("height", function(d) { return d.terms.length * 2; })
+    .append("circle")
+      .attr("cx", function(d) { return d.terms.length; })
+      .attr("cy", function(d) { return d.terms.length; })
+      .attr("r", function(d) { return d.terms.length; })
+      .style("fill", function(d) { return d.bio.gender === 'F'? "green" : "blue"; });
+  });
+})();