display some data

_.md

[ Launch: Tributary inlet ] 5535284 by elsherbini

config.json

{"description":"display some data","endpoint":"","display":"svg","public":true,"require":[{"name":"crossfilter","url":"http://square.github.io/crossfilter/crossfilter.v1.min.js"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"data.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"data2.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}

data2.csv

inlet.js

var svg = d3.select("svg");
var data = tributary.data2;

var responseData = {};
var predictedData = {};
var differenceData = {};
var stateData={};
var dataArray=new Array(3);

for (idx=0;idx<3;idx++)
{
  dataArray[idx]= new Array(51);
  data.forEach(function(d,i){  
    responseData[d.State] = +d.Response;
    predictedData[d.State] = +d.Predicted;
    differenceData[d.State] = +d.Difference;
    stateData[d.State]=[responseData[d.State],predictedData[d.State],differenceData[d.State]];    
    dataArray[idx][i]={State: d.State, value: stateData[d.State][idx]};
  });
}



console.log(dataArray);




svg.selectAll("text")
.data(dataArray[0])
.enter().append("text")
.attr("x",100)
.attr("y",function(d,i){return 20+i*20;})
.text(function(d){return d.value;});