|What is a Klip?||A widget that visualizes data for your dashboard.|
|What is a component?||The individual attributes that control the style and properties of the Klip.|
|How to build a Klip||1. Choose the component style
2. Choose the data source
3. Assign data to sub-components
4. Adjust properties
5. Save and share Klip
|Video||Application Overview - Klipfolio|
What is a Klip?
A Klip is a widget used to visualize your data using formats such as charts, tables, and gauges. Klips are comprised of components, attributes that control the important properties associated with your Klip. A good way to think of the difference between a Klip and a component is to think of a Klip as a container, and a component as what's inside the container.
Here's an example of a Klip that displays a Table component:
What types of components can I build?
Components are what determine how your Klip will look on your dashboard. Each component represents a different type of data visualization you can build. Here's a list of components that you can use to build Klips:
- Bar/line chart component
- Gauge component
- HTML template component
- Image component
- Inline frame components
- Label component
- Map component
- Mini-chart component
- News component
- Pie chart component
- Pictograph component
- Scatter/Bubble Chart component
- Separator component
- Spark line, spark bar, win/loss chart components
- Submit Button component
- Table component
- User Input Control component
- Value Pair component
How to build a Klip
The typical workflow for building a Klip requires completing 5 steps:
- Choose the component style
- Choose the data source
- Assign data to sub-components
- Adjust properties
- Save and share the Klip
Note: These steps provide a general overview for building a Klip. For more detailed instructions, visit the Klip tutorial section.
Step 1. Choose the component style
When building a new Klip, you will be prompted to choose from a list of component styles. You also have the option to choose a Blank slate, where you can add components later.
- On your dashboard, click the Add a Klip button.
- Click the Build a New Klip button.
- Select the component style you want to use.
Step 2. Choose the data source
Next, you will be prompted to provide a data source for the Klip to use. Here are some commonly used data sources:
You can also visit our Sample Data section.
Step 3. Assign data to sub-components
Each component type has different sub-components associated with it, so it's important to note that the following steps only illustrate the typical workflow for assigning data to a sub-component. For more information on this step, visit: how to use the Klip Editor.
- Select a sub-component from the component tree.
- Open its Data panel.
- Select a value(s) from your data source.
The value(s) is assigned to the sub-component as it appears in your data source.
- How to work with Excel/CSV data sources
- How to work with XML/JSON data sources
- How to use formulas and functions to manipulate raw data
Step 4. Adjust properties
Use the Properties panel to adjust properties associated with each of your sub-component. Commonly used properties include font style, prefixes and suffixes, and setting update animations for the Klip.
Step 5. Save and share the Klip
When you are done building your Klip, click the Save button at the top of the Klip Editor. On the next screen, make sure to share the Klip with the appropriate groups in your organization. This will make creating and sharing dashboards within your organization much easier in the long run - see this article for more information: checklist for adding new users.
Now that you know more about Klips and components, check out these tutorials:
These articles provide an overview of important concepts for building Klips: