D3.js is a JavaScript library which allows users to manipulate document with arbitrary data. BigObjects provides several plugins based on D3.js to simplify the development of data visualization with BigObject. It is easy to present data as different kinds of charts using provided plugins. Get source files of the plugins on git

Below are sample JavaScript codes for users' reference:

Line Chart:

<script src="BigObject.js"></script>
<script>
$("#Chart").boshBasic(derivedData,"line");  
</script>

Bar Chart:

<script src="BigObject.js"></script>
<script>
$("#Chart").boshBasic(derivedData,"bar");
</script>

Spline Chart:

<script src="BigObject.js"></script>
<script>
$("#Chart").boshBasic(derivedData,"spline");
</script>

Pie Chart:

<script src="BigObject.js"></script>
<script>
$("#Chart").boshBasic(derivedData,"pie");
</script>

Bubble Chart:

<script src="BigObject.js"></script>
<script>
$("#Chart").boshBubble(derivedData);
</script>

Chord Chart:

<script src="BigObject.js"></script>
<script>
$("#Chart").boshAssoc(derivedData);
</script>

Word Clouds:

<script src="BigObjectCloud.js"></script>
<script src="d3.layout.cloud.js"></script>
<script>
var setting = {
    'height':500,
    'width':1000,
    'focusperiod':200, 
    'style':'random', 
    'fontlist':['Lato'], 
    'max_rotate':0, 
    'mapping':'linear', 
    'len_adjust':false, 
    'max_font_size':100, 
    'min_font_size':20
};
$("#Chart").boshWordcloud(derivedData,setting);
</script>    

Correlation Graph:

<script src="correlation_tree_plugin.js"></script>
<script>
var setting = {
    'quantity': 60,
    'correlation': 0.3,
    'size': 600,
    'draggable': true,
    'gravity': 0.1,
    'charge': -120
};
$('#Chart').correlationTree(derivedData, setting);
</script>