Question

Tributary (a rapid prototyping environment for d3.js) has some really great features. One of which is the tributary object which gives you easy access to your data files. For example, to load a json file (example.json) in tributary I can do something like:

var example = tributary.example;

My question is, how can I “extract” a tributary example that is using the tributary object into HTML and Javascript code. For example, I tried with this demo, by wrapping it in the following functions, but couldn’t find success:

 d3.json("costofliving.json", function(col) {
  d3.json("worldcountries.json", function(countries) {
  });
 });

Any advice on how to go from a tributary demo that loads external json files to a HTML/Javascript demo would be greatly appreciated.

Answer 1

Append the svg to the dom and the width and height attributes… Moreover make the variables col and countries accessible ….I have tried the demo and it worked fine for me..