A basic visualization

With the general structure of visualization application established for both HTML-based and App Script apps, data and rendering code can now be added. For now, the data used in each sample is created within the script for purposes of illustration. In Chapter 6, Data Manipulation and Sources, data source connectivity outside the API script will be addressed. However, the following high-level logic for creating a visualization remains the same.

Logical steps to create a visualization are as follows:

1. Create/import/connect to the data.

2. Set the parameters, and perform calculations.

3. Render the Chart.

For the majority of developers, the most recognizable method of development is in a HTML context. For HTML, the Google Code Playground is perhaps the best development platform for newcomers.

Code Playground

Using the Google Code Playground, the following code renders the 2010 Chicago Census data used in the previous chapter examples.

function drawVisualization() {// Create and populate...