Data Visualization Prototype

The data visualization prototype utilizes a custom content type (clone of top tasks) and a single custom content list to render a wide variety of layout options. The base styling provides simple functionality out of the box but can be highly customized to achieve exotic layouts and interactions. Base styles can be overridden in the theme for global use of a style or using an embed code to change styles on different pages using the same content list.

Scroll down for example

Watch the loom video overview

Required fields to render a data visualization item:

• Page name
• Counter number

Filling in these fields will create a three-across (3) data visualization - three (3) items should be created.

Optional fields include:

• A single URL per item (link, target, link name)
• Sizing on different device types - this allows admin users to dictate the grid sizing for each item (similar to footer widget functionality)
• Summary - 400 character limit
• Icon selector (or custom icon upload - same as top tasks)
• Additional class field - ability to add a class to target an item individually
• Content labels - allowing targeting of data visualization items

Developer details:

Content type: OCPT Data Visualization
Content list: OCPT Data Visualization

There are two custom field templates that are required for the content list to work:

1. <ItemData DataDefinition="OC Single URL" Template="OCPT Link Name" />
2. <ItemData DataDefinition="OC Custom Icon" Template="OCPT Dataviz Icon" />

Implemented in:

• Salinas CA