--- title: "Previous Report Builder: Custom Chart" description: The Custom Chart widget allows you to upload your own data through a CSV file. Discover formulas now 👉 --- [Skip to content](https://help.pointerpro.com/previous-report-builder-custom-chart#main-content) [![Pointerpro-logo](https://help.pointerpro.com/hs-fs/hubfs/Pointerpro-logo.png?width=188&height=53&name=Pointerpro-logo.png)](https://pointerpro.com/) - [Getting started](https://help.pointerpro.com/how-to-get-started-with-pointerpro) - [Pricing](https://pointerpro.com/pricing) - [Customer stories](https://pointerpro.com/case-studies) Open main navigation Close main navigation - [Getting started](https://help.pointerpro.com/how-to-get-started-with-pointerpro) - [Pricing](https://pointerpro.com/pricing) - [Customer stories](https://pointerpro.com/case-studies) - [New here? Explore what Pointerpro can do](https://www.pointerpro.com/) [New here? Explore what Pointerpro can do](https://www.pointerpro.com/) How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://help.pointerpro.com/?hsLang=en) 2. [Report Builder](https://help.pointerpro.com/report-builder?hsLang=en) 3. [Legacy Report Builder \[deprecated\]](https://help.pointerpro.com/report-builder?hsLang=en#legacy-report-builder-deprecated) # Previous Report Builder: Custom Chart ## The Custom Chart widget, unlike the other widgets, allows you to upload your own data through a CSV file. This way you are able to select exactly the data you want to show in your chart, down to the last detail. ##### You'll need this: - One of these Pointerpro plans: ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Grey.svg)  Professional         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Grey.svg)  Enterprise         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Orange.svg)  ReportR         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Orange.svg)  DistributR  ---   DEFINITION   Custom chart is a special type of graph that allows the user to customize the data he wants to include in the graph completely. The user can include formulas and variables or hardcoded data as values that will be graphically represented. The Custom Chart widget has multiple templates. For each template, there is a specific CSV file that can be downloaded. Here's an example:![custom-chart-image](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35134350622/original/r2ONYEcX6PkfyPN4y7JaIlVvUQCMnTTj9Q.png?1627545751) NOTE   This widget is available  for ReportR plan upon request. ##### On this help guide page: 1. [Setting up your data](https://help.pointerpro.com/previous-report-builder-custom-chart#setup-data) 2. [Custom Chart Options](https://help.pointerpro.com/previous-report-builder-custom-chart#custom-chart) 3. [Widget logic rules](https://help.pointerpro.com/previous-report-builder-custom-chart#widget-rules) 4. [Examples ](https://help.pointerpro.com/previous-report-builder-custom-chart#examples) --- #### 1. Setting up your data First of all, to add this widget to your PDF report, you will have to click on the Custom Chart +sign in the Widgets area.![PDF: Custom Chart- add custom chart](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178641534/original/Y7SHdYfDK2Wg51CC4srKxhvL5sorh0uLbA.png?1666098444) Once you add it, you select from the dropdown menu at the  Extra Options the type of chart that you want to use.![PDF: Custom Chart- select chart type](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178641718/original/uXqHKP3LQfV9TU1eXvQjZpHhgMLzUlU4FQ.png?1666098511) The next step is to download the CSV example, as shown below, and then to add the values that you want.![PDF: Custom Chart- download csv](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178641795/original/qw-vxjYLwzuvAoxpZpMCNLzBR76lWDi1Ag.png?1666098548) WARNING   Every chart has another content and format, so do not forget to first select the one you want to use from the dropdown list  and then download the CSV file. In this file, you can change the name of the columns and add variables, but you should not add or delete columns and rows or change the format, as you risk to break the chart! First you need to convert your CSV file to Excel, in order to create different columns. For more info, take a look at the[ CSV guide.](https://help.pointerpro.com/migration/knowledge/how-to-convert-excel-to-csv-file?hsLang=en) Then you would have to adjust your data in the Excel File:![PDF: Custom Chart- adjust the data](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149758109/original/zQnB_Loso3OjMBMuKLl400Zt77F_yHItcw.png?1638199342)When you are finished with the editing of the your file you can save again as CSV, click on **Upload** and choose the CSV that you just created.![PDF: Custom Chart- upload CSV](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178641885/original/3tRkSNci0cWa0RBIeRS18RXVX8AAlLg8AA.png?1666098594) NOTE   It's possible to use variables and formulas like \*|f1\_result|\* in your CSV file. #### 2. Custom Chart Options You can select the name that you want to give to your graph at Widget Name that is located in the Extra Options tab. This name will not be shown in your report, it is just a name for your ease of use. ![PDF: Custom Chart- custom chart options](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178641994/original/aAPXhEcydrrbWEsg1J8jaYFzQXIAxS-dXg.png?1666098632) Also, you can choose how you would like to align your graph. You can align it to one side and have explanatory text or another widget on the other side or center it.![PDF: Custom Chart- widget placement and size](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178642056/original/W0E7hkEpfWS_ru9uu8aXxnbKlrUQ2TIqSw.png?1666098657) - Left:  the widget will be aligned to the left side of the page, in a column layout  - Center: the widget will be presented centered across the entire page from the left to the right (full width) - Right: the widget will be aligned to the right side of the page, in a column layout If you would like a widget to appear side-by-side with your graph, make sure to align on one side of the page the widget, and the graph on the other. For example, choose to align the text widget to the left, and align a graph to the right. Use the arrows or enter a value for the graph height and width. If you choose to place it on either the left or the right side of the page, the graph art will be automatically resized.  ![PDF: Custom Chart- chart height](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178642154/original/9DwPsfx-U6USHtj74EGvZmJPy37U9quLAQ.png?1666098681) WARNING   The max-width of one page is 810 px. To leave some room for spacing the recommended  Width value is around 600 px. Click the Update preview button to see how the widget you've created looks like![PDF: Custom Chart- update preview](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178642260/original/5RqUVZQ5ugnjro6LCgjXcTCvKfgz47J4gQ.png?1666098719) Take a look below at some different layout possibilities:![custom\_chart\_gifs](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35134368422/original/iVbIKIdIQ9fY9k2zNfzKFiOPQKBeG3aIAA.gif?1627551222) Make sure to click Save PDF and continue adding widgets.  TIP   We can create a custom one for you! Contact us at  support@pointerpro.com  #### 3. Widget logic rules If you want to only show this widget under certain conditions, you'll need to set the widget logic rules. If you want to show a general widget that is visualized every time a PDF report is generated, you can choose not to include a widget logic rule. Learn more about [Widget Logic](https://help.pointerpro.com/migration/knowledge/logic-rules-for-conditional-content?hsLang=en).  ![PDF: Custom Chart- add rules](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178643974/original/Vxu9epMNtYuBllUNqUPEmvtFdn_ZL2fyKA.png?1666099396) Once you've saved your logic rules, don't forget to **save PDF** and you're ready to add more widgets! #### 4. Examples Here are some examples of graphs and their CSV files: ### SA-1 Graph![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149788241/original/tclHjQ5Uaj1jFPDCiPsoMhYobcSq--n6rA.png?1638214027)![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149788271/original/sb7iIh4i66WHHZUSyYdwZHYezvFkBehJxg.png?1638214062) ### SA-2 Graph![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149788501/original/6PXLUhrPuvzBtZZFpUZ9-7csG7BIwejQ6Q.png?1638214232)![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149788598/original/-3hnLIERb6nr1BNsOkJlpmU0nDLBElOJMg.png?1638214271) ### SA-3 Graph ### ![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149788668/original/FKE_1kLlgNOZ73CeC9D6XEILrBbyXCR5wg.png?1638214313)![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149788696/original/2cX6PAhHEZY7GQzLdSvM6z0voi9wK12-Hg.png?1638214347) ### SA-4 Graph ### ![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149788886/original/xvCQGhAcNeBGmOx4RgDQOWh_rkC1yP_XyA.png?1638214442)![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149788965/original/AzMW0PrlTaLkevbm49B294y9RDDorD50FQ.png?1638214473) ### SA-5 Graph![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149787295/original/mz8fFcMWwBMM5LwMPc9mDrLsBV4Vg0yePQ.png?1638213559)![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149787311/original/Of00gX5DxYM4129R8cZbYJA6qiKVbwezzw.png?1638213575) ### Diverging Bar chart![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149789028/original/2RTLZIRXelk4EkgouyupeowTOKIVvbu7LQ.png?1638214522)![PDF: Custom Chart-example](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35149789048/original/g4SrH1Mz4vQd2l3RsLkGs7uHL08UtaxPsQ.png?1638214535) ### What is next? - Use the [bubble chart ](https://help.pointerpro.com/migration/knowledge/previous-report-builder-bubble-chart?hsLang=en)widget to show your respondents their results from different questions and compare them to other components. A bubble chart stands out because it allows for a comparison between three variables. - Add a [gauge chart](https://help.pointerpro.com/migration/knowledge/previous-report-builder-gauge-chart?hsLang=en) to the personalized PDF report to represent average or actual scores or percentage results for question blocks or formulas. Respondents can see at a glance if they've scored towards the top-end or bottom-end of the scale. - Add an [XY Chart widget](https://help.pointerpro.com/migration/knowledge/previous-report-builder-xy-chart?hsLang=en) to show your respondents the relationship between two variables. The respondents can compare and evaluate their answers on the XY chart created and see where they or their answer stands at. - [Getting Started](https://help.pointerpro.com/getting-started?hsLang=en#main-content) - [Getting Started](https://help.pointerpro.com/getting-started?hsLang=en#getting-started) - [How To Guides](https://help.pointerpro.com/getting-started?hsLang=en#how-to-guides) - [Glossary](https://help.pointerpro.com/getting-started?hsLang=en#glossary) - [Build & Design](https://help.pointerpro.com/build-design?hsLang=en#main-content) - [Intro Screen & Final Screen](https://help.pointerpro.com/build-design?hsLang=en#intro-screen-final-screen) - [Question Types](https://help.pointerpro.com/build-design?hsLang=en#question-types) - [Media & Variables](https://help.pointerpro.com/build-design?hsLang=en#media-variables) - [Design your survey](https://help.pointerpro.com/build-design?hsLang=en#design-your-survey) - [Campaigns](https://help.pointerpro.com/build-design?hsLang=en#campaigns) - [FAQ](https://help.pointerpro.com/build-design?hsLang=en#faq) - [Extra Options](https://help.pointerpro.com/extra-options?hsLang=en#main-content) - [Text options](https://help.pointerpro.com/extra-options?hsLang=en#text-options) - [Question logic](https://help.pointerpro.com/extra-options?hsLang=en#question-logic) - [Custom scoring](https://help.pointerpro.com/extra-options?hsLang=en#custom-scoring) - [Quiz Options](https://help.pointerpro.com/extra-options?hsLang=en#quiz-options) - [Kiosk mode options](https://help.pointerpro.com/extra-options?hsLang=en#kiosk-mode-options) - [Data collection options](https://help.pointerpro.com/extra-options?hsLang=en#data-collection-options) - [Other options](https://help.pointerpro.com/extra-options?hsLang=en#other-options) - [Integrations & API](https://help.pointerpro.com/extra-options?hsLang=en#integrations-api) - [FAQ](https://help.pointerpro.com/extra-options?hsLang=en#faq) - [Share & Results](https://help.pointerpro.com/share-results?hsLang=en#main-content) - [Sharing your questionnaire](https://help.pointerpro.com/share-results?hsLang=en#sharing-your-questionnaire) - [View Results](https://help.pointerpro.com/share-results?hsLang=en#view-results) - [Results Dashboard](https://help.pointerpro.com/share-results?hsLang=en#results-dashboard) - [Uploading and Downloading Results](https://help.pointerpro.com/share-results?hsLang=en#uploading-and-downloading-results) - [FAQ](https://help.pointerpro.com/share-results?hsLang=en#faq) - [Report Builder](https://help.pointerpro.com/report-builder?hsLang=en#main-content) - [General](https://help.pointerpro.com/report-builder?hsLang=en#general) - [Widgets](https://help.pointerpro.com/report-builder?hsLang=en#widgets) - [Aggregate Reports](https://help.pointerpro.com/report-builder?hsLang=en#aggregate-reports) - [FAQ](https://help.pointerpro.com/report-builder?hsLang=en#faq) - [Legacy Report Builder \[deprecated\]](https://help.pointerpro.com/report-builder?hsLang=en#legacy-report-builder-deprecated) - [Dashboard Builder](https://help.pointerpro.com/dashboard-builder?hsLang=en#main-content) - [General](https://help.pointerpro.com/dashboard-builder?hsLang=en#general) - [Widgets items](https://help.pointerpro.com/dashboard-builder?hsLang=en#widgets-items) - [Distribution Portal](https://help.pointerpro.com/distribution-portal?hsLang=en#main-content) - [Configuration](https://help.pointerpro.com/distribution-portal?hsLang=en#configuration) - [Management & Administration](https://help.pointerpro.com/management-administration?hsLang=en#main-content) - [Account & Billing](https://help.pointerpro.com/management-administration?hsLang=en#account-billing) - [GDPR compliance](https://help.pointerpro.com/management-administration?hsLang=en#gdpr-compliance) - [FAQ](https://help.pointerpro.com/management-administration?hsLang=en#faq) [![Pointerpro-logo](https://help.pointerpro.com/hs-fs/hubfs/Pointerpro-logo.png?width=140&height=39&name=Pointerpro-logo.png "Pointerpro-logo")](http://pointerpro.com) Can't find what you're looking for? Contact us at [support@pointerpro.com](mailto:support@pointerpro.com) Copyright © 2026, Pointerpro