rCharts + d3pie chart of US Beer

source : The Atlantic April 2014 "The State of American Beer"

<!doctype HTML>
<meta charset = 'utf-8'>
<html>
  <head>
    <link rel='stylesheet' href="https://netdna.bootstrapcdn.com/bootswatch/2.3.1/cosmo/bootstrap.min.css">
     <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" >
    <link rel='stylesheet' href="https://getbootstrap.com/2.3.2/assets/js/google-code-prettify/prettify.css">
    <link rel='stylesheet' href="https://aozora.github.io/bootplus/assets/css/docs.css">
    
    <script src='https://d3js.org/d3.v3.min.js' type='text/javascript'></script>
    <script src='https://timelyportfolio.github.io/rchartsextra/d3pie/js/d3pie.js' type='text/javascript'></script>
    
    <style>
    .rChart {
      display: block
      margin: auto auto;
      width: 100%;
      height: 500px;
    }
    /*
    body {
      margin-top: 60px;
    }
    */
    </style>
    
  </head>
  <body>
    <div class='container'>
      <div class='row'>
        <div class='span8'>
          <div class="bs-docs-example">
            <div id='chart22d86bc65cf5' class='rChart d3pie'>
            </div> 
          <br/>
<pre><code class='r'>require(magrittr)
require(dplyr)
require(rCharts)

beerPie &lt;- rCharts$new()
beerPie$setLib(&quot;https://timelyportfolio.github.io/rChartsExtra/d3pie&quot;)

# source : The Atlantic April 2014 &quot;The State of American Beer&quot;
# https://www.theatlantic.com/business/archive/2014/04/the-state-of-american-beer/360583/
beerData &lt;- rbind(
  c(&quot;Bud Light&quot;,5946776000),
  c(&quot;Coors Light&quot;,2360430000),
  c(&quot;Budweiser&quot;,2110352000),
  c(&quot;Miller Light&quot;,1868866000),
  c(&quot;Natural Light&quot;,1122770000),
  c(&quot;Busch Light&quot;,844276000),
  c(&quot;Michelob Ultra&quot;,777196700),
  c(&quot;Busch&quot;,673394400),
  c(&quot;Keystone Light&quot;,493993000),
  c(&quot;Miller High Life&quot;,476895100),
  c(&quot;Category total&quot;,23707870000)
) %&gt;% data.frame(stringsAsFactors = F) %&gt;%  #make data.frame
  set_colnames(c(&quot;label&quot;,&quot;value&quot;)) %&gt;%      #set our column names
  mutate(value = as.numeric(value))       #make our values numeric

#change total row to an other row
beerData[nrow(beerData),1] &lt;- &quot;Other&quot;
beerData[nrow(beerData),2] &lt;- sum(beerData[-nrow(beerData),2])

beerPie$params$chartspec &lt;- list(
  header = list(
    title = list(
      text = &quot;Domestic Beer in the U.S. 2013 | Dollar Sales&quot;
    ),
    subtitle = list(
      text = &quot;source: The Atlantic, April 2014&quot;
    )
  )
  ,data = list(
    content = beerData
  )
  ,labels = list(
      lines = list(style = &quot;straight&quot;)
  )
)

beerPie

</code></pre>
</div>
        </div>
      </div>
    </div>
      
    <script>
function drawchart22d86bc65cf5(){ 
  var params = {
 "dom": "chart22d86bc65cf5",
"width":    700,
"height":    400,
"chartspec": {
 "header": {
 "title": {
 "text": "Domestic Beer in the U.S. 2013 | Dollar Sales" 
},
"subtitle": {
 "text": "source: The Atlantic, April 2014" 
} 
},
"data": {
 "content": {
 "label": [ "Bud Light", "Coors Light", "Budweiser", "Miller Light", "Natural Light", "Busch Light", "Michelob Ultra", "Busch", "Keystone Light", "Miller High Life", "Other" ],
"value": [ 5.9468e+09, 2.3604e+09, 2.1104e+09, 1.8689e+09, 1.1228e+09, 8.4428e+08, 7.772e+08, 6.7339e+08, 4.9399e+08, 4.769e+08, 1.6675e+10 ] 
} 
},
"labels": {
 "lines": {
 "style": "straight" 
} 
} 
},
"id": "chart22d86bc65cf5" 
};
  
  //rCharts defaults to send toJSON as columns
  //instead of the expected records for d3pie
  //do the transform the hard way for now
  function columnsToRecords(data){
    var tempdata;
    //avoid lodash for now
    datakeys = Object.keys(data)
    tempdata = data[datakeys[1]].map(function(d,i){
      var tempobj = {}
      datakeys.forEach(function(key){
        tempobj[key] = data[key][i]
      })
      return tempobj
    })
    return tempdata;
  }
  
  params.chartspec.data.content = columnsToRecords(params.chartspec.data.content);
  
  var pie = new d3pie("#" + params.dom, params.chartspec);
  return pie;
};

var chart22d86bc65cf5 = drawchart22d86bc65cf5();
</script>
    
    <script></script>    
  </body>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/188.0.0/prettify.js"></script>
  <script 
    src='https://google-code-prettify.googlecode.com/svn-history/r232/trunk/src/lang-r.js'>
  </script>
  <script>
    var pres = document.getElementsByTagName("pre");
    for (var i=0; i < pres.length; ++i) {
      pres[i].className = "prettyprint linenums";
    }
    prettyPrint();
  </script>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

Modified http://timelyportfolio.github.io/rChartsExtra/d3pie/js/d3pie.js to a secure url

Modified http://cdnjs.cloudflare.com/ajax/libs/prettify/188.0.0/prettify.js to a secure url

https://d3js.org/d3.v3.min.js

https://timelyportfolio.github.io/rChartsExtra/d3pie/js/d3pie.js

https://cdnjs.cloudflare.com/ajax/libs/prettify/188.0.0/prettify.js