JavaScript: Data Visualizations

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. Its emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

There are many examples of data visualizations you can implement.

In the WebCMS, you will see a "Page JavaScript" tab on the left side of the editing page, near the bottom. Click on the tab and add your code to that tab.

<script src="/sites/all/libraries/js/d3.v3.min.js"></script>
<script>
// Add your D3.js code below
</script>