D3 Wordcloud

forked from blockspring's block: D3 Wordcloud

<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
    <script src="cloud.js"></script>
  </head>
  <body>
    <div id="words"></div>
    <div id="chart"></div>
    <script>
      var text_string = `
Allgemeine Geschäftsbedingungen 
`;

drawWordCloud(text_string);

function drawWordCloud(text_string){
        var common = "die, ihr, ihre, und, sie, oder, nicht, wir, für, mit, diese, in, auf, unser, unsere, sein, wie, ist, den, von, das, dass, zu, sind, haben, ein, eine, können, dem, den, denen, ihnen, bei, durch, werden, desse, ihres, ihren, unserer, auch, als, kann, dessen, wird, einer, damit, bis, hat, ihrem, dieser, über, sich , sowie, aber, um, im, einem, per, dann, zur, wir, vor, nach, hinsichtlich, bzw, diesen, unseren, alle, seine, einige, aus, ihre, wo, oder, nur, wenn, würde";
            // "poop,i,me,my,myself,we,us,our,ours,ourselves,you,your,yours,yourself,yourselves,he,him,his,himself,she,her,hers,herself,it,its,itself,they,them,their,theirs,themselves,what,which,who,whom,whose,this,that,these,those,am,is,are,was,were,be,been,being,have,has,had,having,do,does,did,doing,will,would,should,can,could,ought,i'm,you're,he's,she's,it's,we're,they're,i've,you've,we've,they've,i'd,you'd,he'd,she'd,we'd,they'd,i'll,you'll,he'll,she'll,we'll,they'll,isn't,aren't,wasn't,weren't,hasn't,haven't,hadn't,doesn't,don't,didn't,won't,wouldn't,shan't,shouldn't,can't,cannot,couldn't,mustn't,let's,that's,who's,what's,here's,there's,when's,where's,why's,how's,a,an,the,and,but,if,or,because,as,until,while,of,at,by,for,with,about,against,between,into,through,during,before,after,above,below,to,from,up,upon,down,in,out,on,off,over,under,again,further,then,once,here,there,when,where,why,how,all,any,both,each,few,more,most,other,some,such,no,nor,not,only,own,same,so,than,too,very,say,says,said,shall";

var word_count = {};

var svg_location = "#chart";
        var width =  $(document).width();
        var height = $(document).height();

var fill = d3.scale.category20();
        
        var my_fills = ["#727272", "#919191", "#3f3f3f", "#474747", "#898989", "#727272"];

d3.layout.cloud().size([width, height])
          .timeInterval(20)
          .words(word_entries)
          .fontSize(function(d) { return xScale(+d.value); })
          .text(function(d) { return d.key; })
          .rotate(function() { return 0 }) //~~(Math.random() * 2) * 90; })
          .font("Arial Black")
          .on("end", draw)
          .start();

d3.layout.cloud().stop();
        
        word_entries.sort(function(x, y){
          return d3.descending(x.value, y.value);
        })        
        
//        d3.select("#words")
  //        .selectAll("div")
    //      .data(word_entries)
      //    .enter().append("div")
        //  .text(function(d) { return "{\"key\": \"" + d.key + "\", \"value\": " + d.value + "},\n"; });
      }
    </script>
  </body>
</html>

https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js