Your Visualization Title

By: Your company name
Homepage: Your company's URL



Insert a brief description of what your visualization looks like and some of its behavior here. For example.: A 3dmap is three-dimensional, manipulable map of a country with spheres assigned to specific regions. Spheres vary in size and color to indicate the value. The map is rendered in the browser using an embedded Flash player.


Describe your example in a sentence or two. Add an embedded working example, plus the HTML for a full-page example, inside a <pre> tag, so that people can cut and paste a hosted example.

Add your running example code inside this <div> block.
  <script type='text/javascript' src=''></script>
  <script type='text/javascript' src='//'></script>
  <script type='text/javascript'>

... Your code here ...


    <div id='example_canvas'></div>


Loading and Instantiating

Load this visualization from as shown here:

 <script style='text/javascript' src=''></script>

The visualization class name is Here is an example of instantiating it in JavaScript:

  var visualization = new your.visualization.class(container_div);

Data Format

Describe the format of data in the DataTable. Explain the meaning of the columns, the rows, and the format of each column.

Configuration Options

The following options can be added to the options object passed to the visualization's draw() method.

Name Type Default Description
option_name type default value

Full description of what this option does. Describe edge cases, what other options need to be set for this to work, what it conflicts with, etc.


List your methods here. Be sure to describe the parameters and results of each. If you can include examples, even better! If a parameters is optional, mention that, and describe the default. Describe the full range of values each parameter can take.

Method Return Type Description
draw(data, options) None Details about the draw() method.
getSelection() Array of selection elements Standard getSelection() implementation. Is a selection a row? Column? Cell? Can you multi-select?
setSelection(selection) None Standard setSelection() implementation. Is a selection a row? Column? Cell? Can you multi-select?
yourmethod(param1, param2) String

Description of your method.

param1 - String value that specifies the name of the elephant to display on the image.

param2 [optional]- Numeric value that specifies the weight of the elephant, in pounds. Range is from 200 - 4000, inclusive. This number will determine the size of the elephant displayed. Default value is 1800.


List the events exposed by your visualization. Be sure to describe what values are passed into your event handler, and how to use these values. If you can include examples, even better!

Name Description Properties
select Standard select event. Returns something None

Data Policy

Detail your data policy and explain how you handle customer data. For example: 'All code and data are processed and rendered in the browser. No data is sent to any server.'


Hard-coded strings in this visualization can be displayed in the following languages, according to the user's browser settings:


This visualization does not support localization.


Add any additional information here about known issues, use cases, etc.