Skill level: Easy
Time required: 10 minutes
This article demonstrates the functioning of Charts by Quickwork to create a customized pie chart.
Prerequisites
- A Quickwork account and and familiarity with the platform's GUI.
What is Charts by Quickwork
Charts by Quickwork lets you create various 2D charts, including line, stacked, pie, and bar charts. This app processes custom inputs from users in the form of key-value pairs for each chart element. After backend computation, it generates a web URL containing a downloadable .png image of the chart, which can be shared effortlessly.
Let's see an example of a pie chart to understand the functioning of Charts by Quickwork.
Ste-by-step guide
Configuring the trigger
- In the New Trigger section, choose the Scheduler by Quickwork app from the drop-down menu in the Apps field.
- Select the trigger event, New scheduled event, from the drop-down menu in the Triggers field.
- Set the Interval for One day as we need to trigger this journey only once per day.
- Set the date and time of your choice in the Start At field and keep the Custom Payload field empty:
Note: A trigger is only used to initiate the process. You can replace it with other triggering apps based on your requirements.
Configuring the Create pie chart action
- Under the Steps section, click on the Simple Action button and choose the Charts by Quickwork app from the drop-down menu present in the Apps field.
- Select the action, Create pie chart, from the drop-down menu in the Actions field.
- No authorization or connection is required for this app.
-
Fill in the input fields as follows:
- Title: Provide a title for the chart, for example, Nationwide Budget Investment.
- Data object: Add the pie names and their corresponding values. Use the Add New Item button to include multiple entries. For example:
-
Agriculture: 30
-
IT: 20
-
Medical: 15
-
Education: 15
-
Defense: 20
Note: Ensure the total value of all pies equals 100.
-
- The Scale field helps specify a multiplier for the chart's resolution. For example, a scale of 2 for a 600px chart outputs a 1200px image. The default value is 1.
- Width and Height: Define the custom dimensions for the chart image. For example, Width: 500, Height: 300.
- To override the default colors, you can provide a comma-separated color code list in the Color field.
- Data Labels Format: Leave this field empty as pie values are displayed as percentages by default.
- File Name: Assign a name for the chart image file, for example, nationwide-budget-investment. Avoid spaces or special characters in the name.The name must be without space and special characters as this will get rendered as a part of the image URL.
Executing the journey
- Save the journey and click Save & Start.
- Navigate to the History tab and select the most recent record.
-
In the Steps section, click the Charts by Quickwork action bar.
- The Input block shows the provided chart details.
- The Output block contains the URL of the generated chart image.
4. Copy the URL and paste it into your web browser to view the customized pie chart.
Your personalized pie chart is now ready for use, whether for sharing or further analysis!
Comments
0 comments
Please sign in to leave a comment.