var ugger = d3.json('/mpmckenna8/raw/7ea8d78ddee6fe930d67/maptimeDC.json', shower);

d3.select('body').append('div').attr('class', 'twitters')

function shower(err,data){

  if (err) {console.log(err)};
  //console.log(data);
  var tweeters = []

  for (var o in data){
  //  tweTab.append('tr').append('td').
  // console.log(data[o].user.name)
   tweeters.push(data[o].user.name)
  };


console.log(tweeters.length)

// this and a bunch of other similar functions at: http://www.htmlforums.com/client-side-scripting/t-javascript-get-a-count-of-array-values-that-are-the-same-92328.html
function countAppearance( myArray ) {
   var myBlocks = new Object ;

   for( var i=0; i<myArray.length; i++ ) {
      var aBlock = myArray[i] ;
      if( myBlocks.hasOwnProperty( aBlock ) ) {
         myBlocks[aBlock]++ ;
      } else {
         myBlocks[aBlock] = 1 ;
      }
   }

   var str = "" ;
   for( var j in myBlocks ) {
     d3.select('.twitters').append('html:p')
     .html( j +':<span class=\'nmmy\'>'+myBlocks[j] + '</span>').attr('class','eacher')
     .attr('data-rank',function(){
       return myBlocks[j]
     });


      str += "\t"+j+":"+myBlocks[j]+"\n" ;
   }
   console.log( str ) ;


}

countAppearance(tweeters);


d3.selectAll('.eacher')
.style('color',function(d){
  //console.log(this)
  d3.select('span')
  .attr('class',function(d){
  //  console.log(this);
  //  console.log(d)
    return 'eacher'
  })

  return 'purple';
})

var tweepers = 0

d3.selectAll('p')
.datum(function(){
  console.log(this.dataset);
  return this.dataset;
})
.sort(function(a,b){

  return d3.descending(a.rank,b.rank);
})


.style('color',function(d,i){
  //console.log(this.dataset)
  console.log(d)

  if(this.dataset.rank>4){
  tweepers ++;
return 'red'}
else{
  tweepers ++;
  return 'blue'}
})

console.log(tweepers)



}

//console.log(ugger);