Get to Know Ceros
In these video lessons, we'll review the general functionality of the Ceros studio including how to import assets, apply animations, interactions, and how to publish your final experience.
Understanding Ceros Analytics
In this lesson, we'll overview the Ceros analytics dashboard and how you can better understand the key performance indicators that can help you improve your content.
Search Engine Optimization (SEO) and Ceros
In this lesson, we'll dive into the various tools in Ceros that can help you optimize your content for search.
Importing Your Design Files
In this lesson, we'll walk through how to import design files from Photoshop, Illustrator, and Sketch files into Ceros.
Theme and Settings Panel
In this lesson, we'll review the different customization options available within the Theme Menu and Settings Panel.
Creating Buttons and Popups
In these video lessons, we'll review the general functionality of the Ceros studio including how to import assets, apply animations, interactions, and how to publish your final experience.
Creating Mobile Variants Using Adaptive Layouts
In this lesson, we'll take a look at how you can easily create different variants of an experience for Desktop, Tablet, and Mobile devices using the Global Layouts panel.
Create a Carousel
In this lesson, we'll review the steps to creating an image carousel using the Cycle Next and Cycle Previous interactions.
Creating Interactive Maps
In this lesson, we'll review one of the many ways you can create an interactive map in Ceros.
Creating Accessible Content in Ceros
In this lesson, we'll walk through how to leverage the accessibility tools and features in the Ceros studio.
Using Object States for Data Viz
In this lesson, we'll review one of the ways you can create an interactive Bar Chart in Ceros using Object States.
Creating Charts in ChartBlocks
In this lesson, we'll review how to create charts and graphs in ChartBlocks.
How to Use MarkUp
In this quick lesson, we'll walk through how to use MarkUp to streamline the process of giving and receiving design feedback.
Embedding 3rd Party Content and Forms
In this lesson, we'll review how you can use the Embed Object tool to embed 3rd party content such as videos, Google Maps, Spotify Playlists, Social Content, and forms.
Creating Interactive Charts
In this lesson, we'll take a look at how to create animated, interactive charts in Ceros.
Creating an Interactive Menu Bar
In this lesson, we'll take a look at how to create an interactive menu bar to set up some basic navigation within your experience.
Advanced Carousel
In this lesson, we'll build off of the previous carousel lesson to create a more advanced experience using the Show Target and Hide Others interactions.
Creating an Interactive Timeline
In this lesson, we'll review one of the many ways you can create an interactive timeline in Ceros.
Create a Looping Video Background
In this lesson, we'll explore how to make any video file function as a background element - as well as how to layer additional assets overtop for more unique visualizations.
Gating Content with Hubspot and Marketo Forms
In this lesson, we'll take a look at how you can gate multipage eBooks and long scrolling infographics using Hubspot and Marketo forms.
Creating a Slideshow
In this lesson, we'll cover how to create an automatic image slideshow within your experience.
ChartBlocks is a powerful, free data visualization tool within the Ceros ecosystem designed to take your data from spreadsheets to shareable graphics, with no coding needed!
To get started, log in or create your free ChartBlocks account. Once you’re in, select the Create your first chart option to either manually enter or upload your data. For the sake of this video, we’ll use some sample data located here.
Selecting series:
With your data added, select the type of chart you’d like to create, then set up its Series. “Series” are the different data sets that will be visualized within your chart.
For example, in this Olympic Medals by Country chart we’re creating, we’ll want the X-axis of the graph to include the list of country names and the Y-axis to include the number of medals each country has earned. Since there are three types of medals, we’ll need three Series, one for each medal type. So, for Series 1, which we’ll title Gold, we’ll need to set Column A, which includes the country names, as the X-axis. Then we’ll select Column B, which consists of the gold medal data, as the Y-axis. We’ll do the same for the Silver and Bronze Medal Series as well.
With your Series selected, click Next to generate your chart.
Customizing your chart:
Now you can use the robust set of customization options to increase your chart’s visual engagement. You can start by using one of these pre-designed color palettes or jump right in using these four customization tabs.
We’ll start with the Data tab. Here you can adjust the visual design of the different Series in your chart. With our example, we’ll start with the Gold series and customize its color to represent the data better. If needed, you can always change the columns included within a series, and update the data itself.
Using the Chart tab, you can change the chart type or orientation, as well as the Bars settings, background color, Key layout, and more.
The Dimensions tab allows you to adjust the chart size, corner roundness, and content padding.
And finally, the Axes tab enables you to customize the information displayed on each of your chart’s axes. Including toggling the information on and off, altering the visual elements like the axis line, and even formatting the axis label and data points. With our example, the Country data points feel a little cramped, so we’ll reduce the font size to allow some breathing room.
We’ll also add an axis line on the left axis to better match the bottom. And we’ll increase the Axis scale to more accurately display the data.
Sharing:
Once you’re finished customizing your chart, you can download it in a variety of file formats, make a copy, or use the share button to generate a Public Link or Embed code. The Share feature also allows you to share your charts on social media.
And that’s it! ChartBlocks makes it easy to create, customize, and share charts with your team and others!
ChartBlocks is a powerful, free data visualization tool within the Ceros ecosystem designed to take your data from spreadsheets to shareable graphics, with no coding needed!
To get started, log in or create your free ChartBlocks account. Once you’re in, select the Create your first chart option to either manually enter or upload your data. For the sake of this video, we’ll use some sample data located here.
Selecting series:
With your data added, select the type of chart you’d like to create, then set up its Series. “Series” are the different data sets that will be visualized within your chart.
For example, in this Olympic Medals by Country chart we’re creating, we’ll want the X-axis of the graph to include the list of country names and the Y-axis to include the number of medals each country has earned. Since there are three types of medals, we’ll need three Series, one for each medal type. So, for Series 1, which we’ll title Gold, we’ll need to set Column A, which includes the country names, as the X-axis. Then we’ll select Column B, which consists of the gold medal data, as the Y-axis. We’ll do the same for the Silver and Bronze Medal Series as well.
With your Series selected, click Next to generate your chart.
Customizing your chart:
Now you can use the robust set of customization options to increase your chart’s visual engagement. You can start by using one of these pre-designed color palettes or jump right in using these four customization tabs.
We’ll start with the Data tab. Here you can adjust the visual design of the different Series in your chart. With our example, we’ll start with the Gold series and customize its color to represent the data better. If needed, you can always change the columns included within a series, and update the data itself.
Using the Chart tab, you can change the chart type or orientation, as well as the Bars settings, background color, Key layout, and more.
The Dimensions tab allows you to adjust the chart size, corner roundness, and content padding.
And finally, the Axes tab enables you to customize the information displayed on each of your chart’s axes. Including toggling the information on and off, altering the visual elements like the axis line, and even formatting the axis label and data points. With our example, the Country data points feel a little cramped, so we’ll reduce the font size to allow some breathing room.
We’ll also add an axis line on the left axis to better match the bottom. And we’ll increase the Axis scale to more accurately display the data.
Sharing:
Once you’re finished customizing your chart, you can download it in a variety of file formats, make a copy, or use the share button to generate a Public Link or Embed code. The Share feature also allows you to share your charts on social media.
And that’s it! ChartBlocks makes it easy to create, customize, and share charts with your team and others!