Guest User

Untitled

a guest
Nov 23rd, 2017
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.48 KB | None | 0 0
  1. [{"letter":"AED","frequency":3.672699},{"letter":"AFN","frequency":68.550003},{"letter":"ALL","frequency":112.550003},{"letter":"AMD","frequency":483.359985},{"letter":"ANG","frequency":1.777503},{"letter":"AOA","frequency":165.098007},{"letter":"ARS","frequency":17.408979},{"letter":"AUD","frequency":1.309799},{"letter":"AWG","frequency":1.78},{"letter":"AZN","frequency":1.699704},{"letter":"BAM","frequency":1.652804},{"letter":"BBD","frequency":2},{"letter":"BDT","frequency":82.099998},{"letter":"BGN","frequency":1.664702},{"letter":"BHD","frequency":0.3776},{"letter":"BIF","frequency":1746.98999},{"letter":"BMD","frequency":1},{"letter":"BND","frequency":1.344805},{"letter":"BOB","frequency":6.84985},{"letter":"BRL","frequency":3.232101},{"letter":"BSD","frequency":1},{"letter":"BTC","frequency":0.000123},{"letter":"BTN","frequency":64.800003},{"letter":"BWP","frequency":10.400803},{"letter":"BYN","frequency":1.998099},{"letter":"BYR","frequency":19600},{"letter":"BZD","frequency":1.997796},{"letter":"CAD","frequency":1.26759},{"letter":"CDF","frequency":1565.502105},{"letter":"CHF","frequency":0.98019},{"letter":"CLF","frequency":0.02349},{"letter":"CLP","frequency":633.219971},{"letter":"CNY","frequency":6.574897},{"letter":"COP","frequency":2974.899902},{"letter":"CRC","frequency":560.630005},{"letter":"CUC","frequency":1},{"letter":"CUP","frequency":26.5},{"letter":"CVE","frequency":93.059998},{"letter":"CZK","frequency":21.487898},{"letter":"DJF","frequency":176.830002},{"letter":"DKK","frequency":6.277706},{"letter":"DOP","frequency":48.049999},{"letter":"DZD","frequency":114.413002},{"letter":"EGP","frequency":17.601917},{"letter":"ERN","frequency":14.989554},{"letter":"ETB","frequency":26.999745},{"letter":"EUR","frequency":0.843701},{"letter":"FJD","frequency":2.094987},{"letter":"FKP","frequency":0.749797},{"letter":"GBP","frequency":0.75135},{"letter":"GEL","frequency":2.7037},{"letter":"GGP","frequency":0.751243},{"letter":"GHS","frequency":4.603503},{"letter":"GIP","frequency":0.750099},{"letter":"GMD","frequency":47.060001},{"letter":"GNF","frequency":9001.999706},{"letter":"GTQ","frequency":7.33498},{"letter":"GYD","frequency":204.059998},{"letter":"HKD","frequency":7.80829},{"letter":"HNL","frequency":23.493999},{"letter":"HRK","frequency":6.442597},{"letter":"HTG","frequency":62.139999},{"letter":"HUF","frequency":264.049988},{"letter":"IDR","frequency":13511},{"letter":"ILS","frequency":3.509297},{"letter":"IMP","frequency":0.751243},{"letter":"INR","frequency":64.597801},{"letter":"IQD","frequency":1166},{"letter":"IRR","frequency":35234.999647},{"letter":"ISK","frequency":103.889999},{"letter":"JEP","frequency":0.751243},{"letter":"JMD","frequency":125.580002},{"letter":"JOD","frequency":0.707499},{"letter":"JPY","frequency":111.200996},{"letter":"KES","frequency":103.000212},{"letter":"KGS","frequency":69.723019},{"letter":"KHR","frequency":4032.000142},{"letter":"KMF","frequency":419.429993},{"letter":"KPW","frequency":899.99984},{"letter":"KRW","frequency":1082.76001},{"letter":"KWD","frequency":0.301496},{"letter":"KYD","frequency":0.820396},{"letter":"KZT","frequency":329.859985},{"letter":"LAK","frequency":8299.999577},{"letter":"LBP","frequency":1511.000251},{"letter":"LKR","frequency":153.649994},{"letter":"LRD","frequency":124.629997},{"letter":"LSL","frequency":13.815014},{"letter":"LTL","frequency":3.048697},{"letter":"LVL","frequency":0.62055},{"letter":"LYD","frequency":1.366397},{"letter":"MAD","frequency":9.39401},{"letter":"MDL","frequency":17.285054},{"letter":"MGA","frequency":3191.000089},{"letter":"MKD","frequency":51.669998},{"letter":"MMK","frequency":1362.999867},{"letter":"MNT","frequency":2439.27002},{"letter":"MOP","frequency":8.042302},{"letter":"MRO","frequency":351.109985},{"letter":"MUR","frequency":33.790001},{"letter":"MVR","frequency":15.57024},{"letter":"MWK","frequency":717.359985},{"letter":"MXN","frequency":18.631901},{"letter":"MYR","frequency":4.106303},{"letter":"MZN","frequency":60.530785},{"letter":"NAD","frequency":13.874016},{"letter":"NGN","frequency":355.000089},{"letter":"NIO","frequency":30.634399},{"letter":"NOK","frequency":8.133097},{"letter":"NPR","frequency":103.550003},{"letter":"NZD","frequency":1.4503},{"letter":"OMR","frequency":0.384802},{"letter":"PAB","frequency":1},{"letter":"PEN","frequency":3.232504},{"letter":"PGK","frequency":3.2078},{"letter":"PHP","frequency":50.499588},{"letter":"PKR","frequency":105.150002},{"letter":"PLN","frequency":3.553903},{"letter":"PYG","frequency":5652.000109},{"letter":"QAR","frequency":3.818101},{"letter":"RON","frequency":3.924199},{"letter":"RSD","frequency":100.296898},{"letter":"RUB","frequency":58.404202},{"letter":"RWF","frequency":834.119995},{"letter":"SAR","frequency":3.75031},{"letter":"SBD","frequency":7.940297},{"letter":"SCR","frequency":13.350067},{"letter":"SDG","frequency":6.666696},{"letter":"SEK","frequency":8.32568},{"letter":"SGD","frequency":1.34533},{"letter":"SHP","frequency":0.750102},{"letter":"SLL","frequency":7619.999898},{"letter":"SOS","frequency":559.000049},{"letter":"SRD","frequency":7.410291},{"letter":"STD","frequency":20678.5},{"letter":"SVC","frequency":8.750087},{"letter":"SYP","frequency":514.97998},{"letter":"SZL","frequency":13.88103},{"letter":"THB","frequency":32.659616},{"letter":"TJS","frequency":8.818097},{"letter":"TMT","frequency":3.4},{"letter":"TND","frequency":2.478706},{"letter":"TOP","frequency":2.289033},{"letter":"TRY","frequency":3.918018},{"letter":"TTD","frequency":6.742502},{"letter":"TWD","frequency":29.951983},{"letter":"TZS","frequency":2239.000126},{"letter":"UAH","frequency":26.790001},{"letter":"UGX","frequency":3628.999954},{"letter":"USD","frequency":1},{"letter":"UYU","frequency":29.319756},{"letter":"UZS","frequency":8059.999934},{"letter":"VEF","frequency":9.974496},{"letter":"VND","frequency":22726},{"letter":"VUV","frequency":106.169998},{"letter":"WST","frequency":2.5702},{"letter":"XAF","frequency":553.080017},{"letter":"XAG","frequency":0.058396},{"letter":"XAU","frequency":0.000774},{"letter":"XCD","frequency":2.699646},{"letter":"XDR","frequency":0.708794},{"letter":"XOF","frequency":553.320007},{"letter":"XPF","frequency":100.670016},{"letter":"YER","frequency":249.899994},{"letter":"ZAR","frequency":13.881101},{"letter":"ZMK","frequency":9001.201917},{"letter":"ZMW","frequency":10.059543},{"letter":"ZWL","frequency":322.355011}]
  2.  
  3. <script>
  4.  
  5. var margin = {top: 40, right: 20, bottom: 30, left: 40},
  6. width = 960 - margin.left - margin.right,
  7. height = 500 - margin.top - margin.bottom;
  8.  
  9. var formatPercent = d3.format(".0%");
  10.  
  11. var x = d3.scale.ordinal()
  12. .rangeRoundBands([0, width], .1);
  13.  
  14. var y = d3.scale.linear()
  15. .range([height, 0]);
  16.  
  17. var xAxis = d3.svg.axis()
  18. .scale(x)
  19. .orient("bottom");
  20.  
  21. var yAxis = d3.svg.axis()
  22. .scale(y)
  23. .orient("left")
  24. .tickFormat(formatPercent);
  25.  
  26. var tip = d3.tip()
  27. .attr('class', 'd3-tip')
  28. .offset([-10, 0])
  29. .html(function(d) {
  30. return "<strong>Frequency:</strong> <span style='color:red'>" + d.frequency + "</span>";
  31. })
  32.  
  33. var svg = d3.select("body").append("svg")
  34. .attr("width", width + margin.left + margin.right)
  35. .attr("height", height + margin.top + margin.bottom)
  36. .append("g")
  37. .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
  38.  
  39. svg.call(tip);
  40.  
  41. var data = <?php echo $jsonvalues; ?>;
  42. console.log(data);
  43. x.domain(data.map(function(d) { return d.letter; }));
  44. y.domain([0, d3.max(data, function(d) { return d.frequency; })]);
  45.  
  46. svg.append("g")
  47. .attr("class", "x axis")
  48. .attr("transform", "translate(0," + height + ")")
  49. .call(xAxis);
  50.  
  51. svg.append("g")
  52. .attr("class", "y axis")
  53. .call(yAxis)
  54. .append("text")
  55. .attr("transform", "rotate(-90)")
  56. .attr("y", 6)
  57. .attr("dy", ".71em")
  58. .style("text-anchor", "end")
  59. .text("Frequency");
  60.  
  61. svg.selectAll(".bar")
  62. .data(data)
  63. .enter().append("rect")
  64. .attr("class", "bar")
  65. .attr("x", function(d) { return x(d.letter); })
  66. .attr("width", x.rangeBand())
  67. .attr("y", function(d) { return y(d.frequency); })
  68. .attr("height", function(d) { return height - y(d.frequency); })
  69. .on('mouseover', tip.show)
  70. .on('mouseout', tip.hide)
  71.  
  72.  
  73.  
  74. function type(d) {
  75. d.frequency = +d.frequency;
  76. return d;
  77. }
  78.  
  79. </script>
Add Comment
Please, Sign In to add comment