Skip to content

Instantly share code, notes, and snippets.

@t-mart t-mart/whiskey.css
Created Nov 6, 2014

Embed
What would you like to do?
.pie_arc {
font-size: 0.75em;
}
.distillery {
font-weight: bold;
}
#svg {
text-align: center;
}
var dataPath = d3.select("#svg").attr("data-json-path");
d3.csv(dataPath)
.row(function(d) {
delete d.RowID;
delete d.Postcode;
delete d.Latitude;
delete d.Longitude;
var m = d3.map(d);
m.forEach(function(k, v) {
if (k === "Distillery") {
this[k] = v;
} else {
this[k] = +v;
}
})
return m;
})
.get(function(error, whiskies) {
var pie_side = 190;
var pie_radius = pie_side / 2;
var pie_radius_scale = d3.scale.linear()
.domain([0, 4])
.range([pie_radius*0.4,pie_radius]);
var arc_color = d3.scale.linear()
.domain([0, 4])
.range(["rgb(255,255,255)","rgb(218,165,32)"]);
var flavor_color = d3.scale.linear()
.domain([0, 4])
.range(["white","black"]);
var pie_arc = d3.svg.arc()
.outerRadius(function(d,i) {
return pie_radius_scale(d.data.value); })
.innerRadius(pie_radius * 0.4);
var pie = d3.layout.pie()
.sort(null)
.value(function(d,i) {
return 1;
});
var pie_svgs = d3.select("#svg")
.selectAll("pies")
.data(whiskies)
.enter()
.append("svg")
.attr("width", pie_side)
.attr("height", pie_side)
.append("g")
.attr("transform", "translate(" + pie_radius + "," + pie_radius + ")");
var pie_arc_g = pie_svgs.selectAll(".arc")
.data(function(d,i) {
return pie(d.entries().slice(1));
})
.enter()
.append("g")
.attr("class", "pie_arc");
pie_arc_g.append("path")
.attr("d", pie_arc)
.style("fill", function(d) { return arc_color(d.data.value); });
pie_arc_g.append("text")
.attr("class", "flavor_name")
.attr("transform", function(d) { return "translate(" + pie_arc.centroid(d) + ")"; })
.attr("dy", ".35em")
.attr("class","arc_label")
.style("fill", function(d) { return flavor_color(d.data.value); } )
.style("text-anchor", "middle")
.text(function(d) { return d.data.key; });
pie_svgs.append("text")
.attr("class","distillery")
.style("text-anchor", "middle")
.attr("dy", "0.5em")
.text(function(d) {return d.Distillery;});
});
RowID Distillery Body Sweetness Smoky Medicinal Tobacco Honey Spicy Winey Nutty Malty Fruity Floral Postcode Latitude Longitude
01 Aberfeldy 2 2 2 0 0 2 1 2 2 2 2 2 PH15 2EB 286580 749680
02 Aberlour 3 3 1 0 0 4 3 2 2 3 3 2 AB38 9PJ 326340 842570
03 AnCnoc 1 3 2 0 0 2 0 0 2 2 3 2 AB5 5LI 352960 839320
04 Ardbeg 4 1 4 4 0 0 2 0 1 2 1 0 PA42 7EB 141560 646220
05 Ardmore 2 2 2 0 0 1 1 1 2 3 1 1 AB54 4NH 355350 829140
06 ArranIsleOf 2 3 1 1 0 1 1 1 0 1 1 2 KA27 8HJ 194050 649950
07 Auchentoshan 0 2 0 0 0 1 1 0 2 2 3 3 G81 4SJ 247670 672610
08 Auchroisk 2 3 1 0 0 2 1 2 2 2 2 1 AB55 3XS 340754 848623
09 Aultmore 2 2 1 0 0 1 0 0 2 2 2 2 AB55 3QY 340754 848623
10 Balblair 2 3 2 1 0 0 2 0 2 1 2 1 IV19 1LB 270820 885770
11 Balmenach 4 3 2 0 0 2 1 3 3 0 1 2 PH26 3PF 307750 827170
12 Belvenie 3 2 1 0 0 3 2 1 0 2 2 2 AB55 4DH 332680 840840
13 BenNevis 4 2 2 0 0 2 2 0 2 2 2 2 PH33 6TJ 212600 775710
14 Benriach 2 2 1 0 0 2 2 0 0 2 3 2 IV30 8SJ 323450 858380
15 Benrinnes 3 2 2 0 0 3 1 1 2 3 2 2 AB38 9NN 325800 839920
16 Benromach 2 2 2 0 0 2 2 1 2 2 2 2 IV36 3EB 303330 859350
17 Bladnoch 1 2 1 0 0 0 1 1 0 2 2 3 DG8 9AB 242260 554260
18 BlairAthol 2 2 2 0 0 1 2 2 2 2 2 2 PH16 5LY 294860 757580
19 Bowmore 2 2 3 1 0 2 2 1 1 1 1 2 PA43 7GS 131330 659720
20 Bruichladdich 1 1 2 2 0 2 2 1 2 2 2 2 PA49 7UN 126680 661400
21 Bunnahabhain 1 2 1 1 0 1 1 1 1 2 2 3 PA46 7RR 142210 673170
22 Caol Ila 3 1 4 2 1 0 2 0 2 1 1 1 PA46 7RL 142920 670040
23 Cardhu 1 3 1 0 0 1 1 0 2 2 2 2 AB38 7RY 318790 843090
24 Clynelish 3 2 3 3 1 0 2 0 1 1 2 0 KW9 6LB 290250 904230
25 Craigallechie 2 2 2 0 1 2 2 1 2 2 1 4 AB38 9ST 328920 844920
26 Craigganmore 2 3 2 1 0 0 1 0 2 2 2 2 AB37 9AB 316600 836370
27 Dailuaine 4 2 2 0 0 1 2 2 2 2 2 1 AB38 7RE 323520 841010
28 Dalmore 3 2 2 1 0 1 2 2 1 2 3 1 IV17 0UT 266610 868730
29 Dalwhinnie 2 2 2 0 0 2 1 0 1 2 2 2 PH19 1AB 263670 785270
30 Deanston 2 2 1 0 0 2 1 1 1 3 2 1 FK16 6AG 271570 701570
31 Dufftown 2 3 1 1 0 0 0 0 1 2 2 2 AB55 4BR 332360 839200
32 Edradour 2 3 1 0 0 2 1 1 4 2 2 2 PH16 5JP 295960 757940
33 GlenDeveronMacduff 2 3 1 1 1 1 1 2 0 2 0 1 AB4 3JT 372120 860400
34 GlenElgin 2 3 1 0 0 2 1 1 1 1 2 3 IV30 3SL 322640 861040
35 GlenGarioch 2 1 3 0 0 0 3 1 0 2 2 2 AB51 0ES 381020 827590
36 GlenGrant 1 2 0 0 0 1 0 1 2 1 2 1 AB38 7BS 327610 849570
37 GlenKeith 2 3 1 0 0 1 2 1 2 1 2 1 AB55 3BU 340754 848623
38 GlenMoray 1 2 1 0 0 1 2 1 2 2 2 4 IV30 1YE 319820 862320
39 GlenOrd 3 2 1 0 0 1 2 1 1 2 2 2 IV6 7UJ 251810 850860
40 GlenScotia 2 2 2 2 0 1 0 1 2 2 1 1 PA28 6DS 172090 621010
41 GlenSpey 1 3 1 0 0 0 1 1 1 2 0 2 AB38 7AU 327760 849140
42 Glenallachie 1 3 1 0 0 1 1 0 1 2 2 2 AB38 9LR 326490 841240
43 Glendronach 4 2 2 0 0 2 1 4 2 2 2 0 AB54 6DA 361200 844930
44 Glendullan 3 2 1 0 0 2 1 2 1 2 3 2 AB55 4DJ 333000 840300
45 Glenfarclas 2 4 1 0 0 1 2 3 2 3 2 2 AB37 9BD 320950 838160
46 Glenfiddich 1 3 1 0 0 0 0 0 0 2 2 2 AB55 4DH 332680 840840
47 Glengoyne 1 2 0 0 0 1 1 1 2 2 3 2 G63 9LB 252810 682750
48 Glenkinchie 1 2 1 0 0 1 2 0 0 2 2 2 EH34 5ET 344380 666690
49 Glenlivet 2 3 1 0 0 2 2 2 1 2 2 3 AB37 9DB 319560 828780
50 Glenlossie 1 2 1 0 0 1 2 0 1 2 2 2 IV30 3SS 322640 861040
51 Glenmorangie 2 2 1 1 0 1 2 0 2 1 2 2 IV19 1PZ 276750 883450
52 Glenrothes 2 3 1 0 0 1 1 2 1 2 2 0 AB38 7AA 327650 849170
53 Glenturret 2 3 1 0 0 2 2 2 2 2 1 2 PH7 4HA 285630 723580
54 Highland Park 2 2 3 1 0 2 1 1 1 2 1 1 KW15 1SU 345340 1009260
55 Inchgower 1 3 1 1 0 2 2 0 1 2 1 2 AB56 5AB 342610 863970
56 Isle of Jura 2 1 2 2 0 1 1 0 2 1 1 1 PA60 7XT 152660 667040
57 Knochando 2 3 1 0 0 2 2 1 2 1 2 2 AB38 7RT 319470 841570
58 Lagavulin 4 1 4 4 1 0 1 2 1 1 1 0 PA42 7DZ 140430 645730
59 Laphroig 4 2 4 4 1 0 0 1 1 1 0 0 PA42 7DU 138680 645160
60 Linkwood 2 3 1 0 0 1 1 2 0 1 3 2 IV30 3RD 322640 861040
61 Loch Lomond 1 1 1 1 0 1 1 0 1 2 1 2 G83 0TL 239370 680920
62 Longmorn 3 2 1 0 0 1 1 1 3 3 2 3 IV30 3SJ 322640 861040
63 Macallan 4 3 1 0 0 2 1 4 2 2 3 1 AB38 9RX 327710 844480
64 Mannochmore 2 1 1 0 0 1 1 1 2 1 2 2 IV30 3SS 322640 861040
65 Miltonduff 2 4 1 0 0 1 0 0 2 1 1 2 IV30 3TQ 322640 861040
66 Mortlach 3 2 2 0 0 2 3 3 2 1 2 2 AB55 4AQ 332950 839850
67 Oban 2 2 2 2 0 0 2 0 2 2 2 0 PA34 5NH 185940 730190
68 OldFettercairn 1 2 2 0 1 2 2 1 2 3 1 1 AB30 1YE 370860 772900
69 OldPulteney 2 1 2 2 1 0 1 1 2 2 2 2 KW1 5BA 336730 950130
70 RoyalBrackla 2 3 2 1 1 1 2 1 0 2 3 2 IV12 5QY 286040 851320
71 RoyalLochnagar 3 2 2 0 0 2 2 2 2 2 3 1 AB35 5TB 326140 794370
72 Scapa 2 2 1 1 0 2 1 1 2 2 2 2 KW15 1SE 342850 1008930
73 Speyburn 2 4 1 0 0 2 1 0 0 2 1 2 AB38 7AG 326930 851430
74 Speyside 2 2 1 0 0 1 0 1 2 2 2 2 PH21 1NS 278740 800600
75 Springbank 2 2 2 2 0 2 2 1 2 1 0 1 PA28 6EJ 172280 620910
76 Strathisla 2 2 1 0 0 2 2 2 3 3 3 2 AB55 3BS 340754 848623
77 Strathmill 2 3 1 0 0 0 2 0 2 1 3 2 AB55 5DQ 342650 850500
78 Talisker 4 2 3 3 0 1 3 0 1 2 2 0 IV47 8SR 137950 831770
79 Tamdhu 1 2 1 0 0 2 0 1 1 2 2 2 AB38 7RP 319210 841760
80 Tamnavulin 1 3 2 0 0 0 2 0 2 1 2 3 AB37 9JA 321180 826110
81 Teaninich 2 2 2 1 0 0 2 0 0 0 2 2 IV17 0XB 265360 869120
82 Tobermory 1 1 1 0 0 1 0 0 1 2 2 2 PA75 6NR 150450 755070
83 Tomatin 2 3 2 0 0 2 2 1 1 2 0 1 IV13 7YT 279120 829630
84 Tomintoul 0 3 1 0 0 2 2 1 1 2 1 2 AB37 9AQ 315100 825560
85 Tormore 2 2 1 0 0 1 0 1 2 1 0 0 PH26 3LR 315180 834960
86 Tullibardine 2 3 0 0 1 0 2 1 1 2 2 1 PH4 1QG 289690 708850
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.