{"id":373041,"date":"2026-09-26T22:54:13","date_gmt":"2026-09-26T22:54:13","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/datacharts\/"},"modified":"2026-09-26T22:39:04","modified_gmt":"2026-09-26T22:39:04","slug":"graphista","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/graphista\/","author":23571076,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.5","stable_tag":"trunk","tested":"7.1.2","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Graphista","header_author":"enricodev","header_description":"Display beautiful charts (bar, line, pie, doughnut, polar area, radar) from JSON data inside Elementor.","assets_banners_color":"","last_updated":"2026-09-26 22:39:04","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":33,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0.5":"<p>Renamed to Graphista. Simply update: the widget settings are preserved.<\/p>","1.0.4":"<p>Renamed to Chartcraft and bundled the latest Chart.js. Simply update: the widget settings are preserved.<\/p>","1.0.3":"<p>Chart.js is now bundled locally. No functional changes, just update the plugin.<\/p>","1.0.2":"<p>Fix the readme to pass the automated plugin checks. No functional changes.<\/p>","1.0.1":"<p>Rename to DataCharts to comply with the wordpress.org naming rules. Simply update: the widget settings are preserved.<\/p>","1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Widget settings in the Elementor editor: chart type, JSON data, title, height and legend options.","2":"A bar chart rendered on the frontend.","3":"A pie chart rendered on the frontend.","4":"A line chart rendered on the frontend."}},"plugin_section":[],"plugin_tags":[4108,15399,76538,4109,162],"plugin_category":[43],"plugin_contributors":[282871],"plugin_business_model":[],"class_list":["post-373041","plugin","type-plugin","status-publish","hentry","plugin_tags-charts","plugin_tags-diagram","plugin_tags-elementor","plugin_tags-graphs","plugin_tags-widget","plugin_category-customization","plugin_contributors-enricodev","plugin_committers-enricodev"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/graphista.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Graphista adds a <strong>Grafico \/ Chart<\/strong> widget to the Elementor page builder. Paste your data as JSON in the widget settings, pick the chart type, and Graphista renders an interactive, responsive chart powered by Chart.js.<\/p>\n\n<p>No coding required: mark up your data once, then choose from six chart types in a dropdown.<\/p>\n\n<p><em>Graphista is an independent plugin and is not affiliated with, endorsed by, or sponsored by Elementor.<\/em><\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>6 chart types<\/strong>: Bar, Line, Pie, Doughnut, Polar Area, Radar.<\/li>\n<li><strong>JSON data input<\/strong> with syntax highlighting in the Elementor editor.<\/li>\n<li><strong>Automatic color palette<\/strong> \u2014 you can override colors per dataset.<\/li>\n<li><strong>Custom title<\/strong>, legend (show\/hide + position), chart height.<\/li>\n<li><strong>Fully responsive<\/strong>, works on mobile and desktop.<\/li>\n<li><strong>Privacy friendly<\/strong> \u2014 no data is collected, stored, or sent anywhere.<\/li>\n<\/ul>\n\n<h4>How the JSON data works<\/h4>\n\n<p>The widget expects a <code>labels<\/code> array and one or more <code>datasets<\/code>:<\/p>\n\n<pre><code>`\n<\/code><\/pre>\n\n<p>{\n  \"labels\": [\"January\", \"February\", \"March\"],\n  \"datasets\": [\n    {\n      \"label\": \"Sales\",\n      \"data\": [120, 190, 90]\n    }\n  ]\n}\n    `<\/p>\n\n<p>For <strong>pie<\/strong>, <strong>doughnut<\/strong> and <strong>polar area<\/strong> charts only the first dataset is used; each slice receives its own color automatically.<\/p>\n\n<p>You can optionally override colors per dataset with <code>backgroundColor<\/code> and <code>borderColor<\/code>.<\/p>\n\n<h4>Getting started<\/h4>\n\n<ol>\n<li>Install and activate the plugin from <strong>Plugins \u2192 Add New<\/strong> (search \"Graphista\") or upload the ZIP.<\/li>\n<li>Open your page in Elementor and search the widget panel for <strong>\"Grafico \/ Chart\"<\/strong> (category <strong>Graphista<\/strong>).<\/li>\n<li>Choose the chart type, paste your JSON data and adjust title, height and legend.<\/li>\n<li>Hit <strong>Update<\/strong> and preview your page.<\/li>\n<\/ol>\n\n<h4>Privacy<\/h4>\n\n<p>Graphista does not collect, store, process or transmit any personal data. Chart.js is bundled locally with the plugin, so no external resources are loaded.<\/p>\n\n<!--section=installation-->\n<h4>Automatic installation<\/h4>\n\n<ol>\n<li>In your WordPress admin, go to <strong>Plugins \u2192 Add New<\/strong>.<\/li>\n<li>Search for <strong>\"Graphista\"<\/strong>.<\/li>\n<li>Click <strong>Install Now<\/strong> and then <strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n<h4>Manual installation<\/h4>\n\n<ol>\n<li>Download the plugin ZIP file.<\/li>\n<li>Go to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n<li>Upload the ZIP file and click <strong>Install Now<\/strong>.<\/li>\n<li>Click <strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 6.0 or higher.<\/li>\n<li>PHP 7.4 or higher.<\/li>\n<li><strong>Elementor<\/strong> (free or Pro) installed and active.<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20json%20format%20does%20the%20widget%20expect%3F\"><h3>What JSON format does the widget expect?<\/h3><\/dt>\n<dd><p>The widget expects JSON with a <code>labels<\/code> array and a <code>datasets<\/code> array. Each dataset needs at least a <code>label<\/code> and a <code>data<\/code> array of numbers:<\/p>\n\n<pre><code>`\n<\/code><\/pre>\n\n<p>{\n  \"labels\": [\"Q1\", \"Q2\", \"Q3\"],\n  \"datasets\": [\n    {\n      \"label\": \"Revenue\",\n      \"data\": [150, 210, 180]\n    }\n  ]\n}\n    `<\/p>\n\n<p>Invalid JSON shows a clear error message instead of breaking the page.<\/p><\/dd>\n<dt id=\"which%20chart%20types%20are%20supported%3F\"><h3>Which chart types are supported?<\/h3><\/dt>\n<dd><p>Bar, Line, Pie, Doughnut, Polar Area and Radar. All of them are selected from a dropdown in the widget settings.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20colors%3F\"><h3>Can I customize the colors?<\/h3><\/dt>\n<dd><p>Yes. By default a palette of ten colors is applied automatically. To use custom colors, add <code>backgroundColor<\/code> (and optionally <code>borderColor<\/code>) to any dataset in your JSON.<\/p><\/dd>\n<dt id=\"does%20it%20work%20in%20the%20elementor%20editor%20preview%3F\"><h3>Does it work in the Elementor editor preview?<\/h3><\/dt>\n<dd><p>Yes, the chart renders live in the editor preview, so you can see changes while editing.<\/p><\/dd>\n<dt id=\"which%20libraries%20does%20it%20use%3F\"><h3>Which libraries does it use?<\/h3><\/dt>\n<dd><p>The charts are powered by <strong>Chart.js v4<\/strong>, bundled locally with the plugin. Elementor itself is required.<\/p><\/dd>\n<dt id=\"is%20my%20data%20shared%20with%20third%20parties%3F\"><h3>Is my data shared with third parties?<\/h3><\/dt>\n<dd><p>No. Your JSON is embedded in the page and rendered entirely client-side. Chart.js is bundled locally, so no external resource is loaded.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20any%20theme%3F\"><h3>Does it work with any theme?<\/h3><\/dt>\n<dd><p>Yes. The widget works with any theme compatible with Elementor.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Rename the plugin to Graphista, a distinctive name with no trademark conflicts.<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Rename the plugin to Chartcraft to make the name distinctive and avoid potential trademark conflicts.<\/li>\n<li>Bundle the latest Chart.js (v4.5.1) and enqueue scripts with wp_enqueue_scripts \/ wp_add_inline_script.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Bundle Chart.js locally instead of loading it from the jsDelivr CDN, to comply with the wordpress.org resource offloading rules.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Fix \"Tested up to\" to use the major\/minor format required by wordpress.org checks.<\/li>\n<li>Merge the Italian documentation into a single bilingual README to pass the automated review.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Rename plugin to DataCharts to comply with the wordpress.org \"WP\" naming restriction.<\/li>\n<li>Update text domain and all internal namespaces accordingly.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>Add Elementor widget \"Chart\" with 6 chart types (bar, line, pie, doughnut, polar area, radar).<\/li>\n<li>JSON data input with syntax highlighting and validation.<\/li>\n<li>Automatic color palette with per-dataset overrides.<\/li>\n<li>Configurable title, legend and chart height.<\/li>\n<\/ul>","raw_excerpt":"Display beautiful, responsive charts (bar, line, pie, doughnut, polar area, radar) built from JSON data, right inside your Elementor pages.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/373041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=373041"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/enricodev"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=373041"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=373041"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=373041"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=373041"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=373041"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=373041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}