C5Magic_header_logo.png c5Magic

Example - Complex Charts

Displaying more complex tabular data as charts

trees.csv

For some more complex data that doesn't fit into our basic charts, we have another file from the free CSV samples. This file provides tree measurements, with for each tree measured the girth (in), height (ft), volume (ft3).

Here are the first few records from the file as a table, There are 31 records in total.

Girth (in) 8.3 8.6 8.8 10.5 10.7 10.8 11.0 11.0
Height (ft) 70 65 63 72 81 83 66 75
Volume(ft^3) 10.3 10.3 10.2 16.4 18.8 19.7 15.6 18.2
View settings

Bubble Chart

For each tree, we have 3 measurements. Using a bubble chart we can plot Girth against Height and use a bubble to show the Volume.

As these are tree measurements, the bubbles are coloured brown and green. The fill is transparent so overlapping bubbles can be seen.

View settings

More Charts

Rather than looking at charts individually, here are some other pages with full content pulling examples including charts.

Additional Pages

About this Sidebar

Creating a sidebar for a group of pages without messing about with stacks is an easy use-case for Universal Content Puller.

This sidebar is edited once, within the main addon page for Universal Content Puller.

It is then pulled into all UCP sub-pages using a UCP block.

The Content Source is Parent Page, set to pull the Sidebar area from 2 pages from the top. The Content Transform is Selector, set to remove container and row classes that, when unnecessarily nested, could mess up the Bootstrap grid. The Content Display is Plain, which just outputs the transformed text.

In the advanced settings, sanitization is disabled as we trust the source page and don't want to strip out any formatting or functionality from the pulled sidebar.