Crossfilter Examples Jazoon Crossfilter example 3: Custom reduce functions // source http://jsbin.com/pubaz

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  
<script src="https://d3js.org/d3.v3.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.11/crossfilter.min.js"></script>

<div id="result" class="col-md-4 well"></div>
    </div>
  </div>
<script id="jsbin-javascript">
var csv = "name,economy (mpg),cylinders,displacement (cc),power (hp),weight (lb),0-60 mph (s),year\n" +
  "AMC Ambassador Brougham,13,8,360,175,3821,11,73\n" +
  "AMC Ambassador DPL,15,8,390,190,3850,8.5,70\n" +
  "AMC Ambassador SST,17,8,304,150,3672,11.5,72\n" +
  "AMC Concord DL 6,20.2,6,232,90,3265,18.2,79\n" +
  "AMC Concord DL,18.1,6,258,120,3410,15.1,78\n" +
  "Audi Fox,29,4,98,83,2219,16.5,74\n" +
  "BMW 2002,26,4,121,113,2234,12.5,70\n" +
  "BMW 320i,21.5,4,121,110,2600,12.8,77\n" +
  "Buick Century 350,13,8,350,175,4100,13,73\n" +
  "Buick Century Limited,25,6,181,110,2945,16.4,82\n" +
  "Chrysler Newport Royal,13,8,400,190,4422,12.5,72\n" +
  "Citroen DS-21 Pallas,6,4,133,115,3090,17.5,70\n" +
  "Datsun 1200,35,4,72,69,1613,18,71";

var data = d3.csv.parse(csv);

var cf = crossfilter(data);

// simple dimension for unique car model names
var byName = cf.dimension(function(p) {
          return p.name;
      });

var resultData = groupByMeanPower.top(Infinity);

var result = d3.select("body")
          .select("div#result")
          .selectAll("div")
          .data(resultData);
     
result.enter()
  .append("div")
  .text(function(d){
              return d.key + " cars have average power of " + (d.value.avg) + " ";
    });
</script>

</head>
<body>
  
    <div class="container">
    <div class="row">
      <div class="well">
        <h1>Crossfilter example 3: Custom reduce function 
      </div>

var data = d3.csv.parse(csv);

var cf = crossfilter(data);

// simple dimension for unique car model names
var byName = cf.dimension(function(p) {
          return p.name;
      });

var resultData = groupByMeanPower.top(Infinity);

Modified http://code.jquery.com/jquery.min.js to a secure url

Modified http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js to a secure url

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

Modified http://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.11/crossfilter.min.js to a secure url

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

Modified http://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.11/crossfilter.min.js to a secure url

https://code.jquery.com/jquery.min.js

https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js

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

https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.11/crossfilter.min.js

https://code.jquery.com/jquery.min.js

https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js

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

https://cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.11/crossfilter.min.js