--- title: "How to Create an Elementor Chart using CSV Data?" url: https://theplusaddons.com/docs/create-an-elementor-chart-using-csv-data/ date: 2025-06-20 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "Manually re-entering a large data set into the Chart widget is tedious. If your data is already a CSV file, you can point the widget straight at it. This doc..." word_count: 294 --- # How to Create an Elementor Chart using CSV Data? ## - The Plus Addons for Elementor Pro requires the Chart widget to be enabled in The Plus Addons > Widgets, and the post says it does not exist in the free plugin. - CSV File chart setup uses a semicolon (;) as the column separator, and a standard comma-separated file does not parse correctly. - WordPress Dashboard > Media > Add Media File uploads the CSV file, then the Chart widget uses its URL in Enter a CSV File URL after Chart Type is set to CSV File. Manually re-entering a large data set into the Chart widget is tedious. If your data is already a CSV file, you can point the widget straight at it. This doc covers the CSV File data source specifically - see the Settings Overview for every other option. For the full settings tour of the **Chart** widget, see [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/). ***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-charts/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** Chart is a **Pro** widget - it requires the paid version of The Plus Addons for Elementor. It does not exist in the free plugin.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Chart** and turn its toggle on. ## Steps - Make sure your CSV file uses a semicolon (`;`) as the column separator, not a comma - convert it first if it doesn't.- Upload the CSV file via **WordPress Dashboard > Media > Add Media File** and copy its URL.- Add the **Chart** widget to the page.- From **Chart Type**, select **CSV File**. ![Chart Type control set to CSV File](https://theplusaddons.com/wp-content/uploads/2026/09/chart-csv-type.webp) - In **Enter a CSV File URL**, paste the file's URL.- Choose your chart type from **Select Chart** as usual. ![Enter a CSV File URL field](https://theplusaddons.com/wp-content/uploads/2026/09/chart-csv-url.webp) ## Limitations - The CSV file must use a semicolon separator - a standard comma-separated file will not parse correctly. ## Not verified So you know exactly what has and has not been checked: - The full fetch-and-render round trip with a real hosted CSV file was not re-run live in this pass - the CSV File chart type and its URL field were confirmed present and correctly labelled in the control model. ## Related Docs - [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/)- [How to Create an Elementor Chart by Importing Data From Google Sheets?](https://theplusaddons.com/docs/create-an-elementor-chart-by-importing-data-from-google-sheets/) ## Frequently Asked Questions **Q: What do I need before creating a chart from a CSV file in Elementor?** A: Elementor free has to be installed and active, and the Chart widget is part of The Plus Addons for Elementor Pro, so the paid version must be installed and activated too. The widget also needs to be enabled under The Plus Addons > Widgets. That matters because the CSV File source is only one part of the Chart widget setup, not a standalone feature. **Q: Why is my CSV file not parsing in the Chart widget?** A: The separator is the usual culprit. This chart source requires a semicolon (;) as the column separator, not a comma, so a standard comma-separated CSV will not parse correctly. If the file was exported with commas, convert it first before uploading. That small formatting detail is what makes the CSV File source work cleanly inside The Plus Addons for Elementor. **Q: How do I use a CSV file instead of typing chart data manually?** A: The workflow is built around pointing the Chart widget at an uploaded CSV file URL. Upload the file through WordPress Dashboard > Media > Add Media File, copy its URL, then paste that URL into Enter a CSV File URL after choosing CSV File as the chart type. This avoids re-entering large datasets by hand and keeps the chart tied to the file source. **Q: Can I build an Elementor chart from a hosted CSV file URL?** A: The Chart widget supports a CSV File data source through a URL field, so a hosted CSV can be used as long as you paste its file URL into Enter a CSV File URL. The page also notes that the full fetch-and-render round trip with a real hosted CSV file was not re-run live in this pass, even though the control and field were confirmed present. **Q: What should I choose if I want to compare CSV charts with Google Sheets charts?** A: CSV File and Google Sheets are separate data-source paths in The Plus Addons for Elementor. This tutorial covers only the CSV File source, while [How to Create an Elementor Chart by Importing Data From Google Sheets?](https://theplusaddons.com/docs/create-an-elementor-chart-by-importing-data-from-google-sheets/) covers Sheets-based import. That split matters because the setup flow changes depending on where your data lives. **Q: Where can I see all Chart widget settings beyond CSV import?** A: [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/) is the full settings tour for the Chart widget. This tutorial only covers the CSV File data source specifically, so that overview is where you’d look for every other option around chart configuration. The live widget is also linked here: [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-charts/?utm_source=tpae&utm_medium=docs&utm_campaign=text).