Creating resilient visualization code
We want to make sure that our visualization can react to changing data, with minimal effort from the program that calls our code. One way to test different permutations of data and ensure that the visualization reacts accordingly is to randomly create example data, call the visualization code a number of times, and witness the result. These operations are handled in the factories
directory. Let's take a look at the viz_factory.js
file as an example:
(function() { var viz = d3.charts.viz();
Create a variable to store our function with getters and setters as closures. In this example, we will use an anonymous function as a wrapper to execute the code. This prevents conflicts with other JavaScript code and ensures that our visualization will work properly in a protected context:
var rand = function() { return Math.floor((Math.random() * 10) + 1) };
A simple helper function that generates a random number between 1 and 10 is as follows:
var...