<aside>

This guide will walk you through configuring, creating, and embedding Bring Your Own Data (BYOD) and Notion-connected charts in Canvas:OS.

The charts are designed for data sets with multiple layers, such as org charts, but also work well with any non-linear data set designed to illustrate complex systems or structures.

For more on org charts, why they exist, and how to use them effectively in adaptive organisations, check out this blog: Org Structures - A Brief History From Hierarchies to Holacracies

</aside>


Notion-Connected Charts


BYOD Custom Charts


Canvas Pages


Embedding Charts


Need More Support?

Reach out to [email protected] for help.

<aside>

Example Custom Circles Chart

</aside>

<aside>

Customise the data layers, label visibility, colours, and opacity in the custom charts page. Use the theme toggle on the top-left to switch between dark and light modes.

Pro tip: Use atleast 50% opacity to make the colours and text visible in both light and dark modes.

</aside>

https://canvas-os.com/embed/customcircles?chartId=642&workspaceId=e32616ec-a235-4352-ae55-875328d0a066&database_id=304c8955-a89d-4eac-abcc-d005fa95d1c4

<aside>

Example Sunburst Chart

</aside>

<aside>

💡 In this example, there is a hierarchical structure to the progressive companies listed here: https://www.canvas-os.com/inspirational-companies, with each industry containing different size groupings, with companies and their HQ location nested within those groupings. Click through each layer to view the details of the children nested within their parent layer, and click the centre circle to zoom out a layer.

</aside>

https://canvas-os.com/embed/customsunburst?chartId=587&workspaceId=e32616ec-a235-4352-ae55-875328d0a066&database_id=115f88b8-e7ce-80dc-8252-f60b93b3fd5b

<aside>

🆕 Example Custom Relations Chart

</aside>

<aside>

💡 Visualise your data as an interconnected network with the Relations Chart. Customise the link visibility and use the Layer Filters to view each layer separately.

</aside>

https://www.canvas-os.com/embed/customrelations?chartId=934&workspaceId=e32616ec-a235-4352-ae55-875328d0a066&database_id=304c8955-a89d-4eac-abcc-d005fa95d1c4