ChartCrafter – JSON to Beautiful Charts

Contributors: fahdi
Tags: chart, graph, json, api, data visualization
Requires at least: 5.0
Tested up to: 6.9
Stable tag: 1.0.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Transform JSON data into stunning, interactive charts. Line, bar, pie, doughnut, and more – powered by Chart.js.

Description

ChartCrafter transforms any JSON data source into beautiful, interactive charts using the powerful Chart.js library.

Whether you're visualizing sales trends, website analytics, or revenue breakdowns, ChartCrafter makes data visualization effortless. Just paste a JSON URL, pick a chart type, and you're done.

Why ChartCrafter?

• 📊 6 Chart Types: Line, Bar, Pie, Doughnut, Radar, and Polar Area.
• ⚡ Powered by Chart.js: Industry-standard, performant charting library.
• 📱 Fully Responsive: Charts adapt beautifully to any screen size.
• 🎨 Beautiful Defaults: Professional color palettes out of the box.

🚀 Key Features

• Multiple Chart Types: Choose the perfect visualization for your data.
• Live Admin Preview: Test your JSON sources before publishing.
• Smart Data Parsing: Automatically detects common data structures.
• Custom Field Mapping: Map your JSON fields to chart labels and data.
• Dark Mode Support: Charts adapt to user preferences.

💡 Perfect For

• Sales Dashboards: Visualize monthly or yearly sales trends.
• Analytics Pages: Display website traffic and user engagement.
• Financial Reports: Show revenue breakdowns and comparisons.
• Survey Results: Present poll and survey data visually.
• Performance Metrics: Track KPIs and business metrics.

Installation

1. Upload the chartcrafter folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. Navigate to the ChartCrafter admin menu.
4. Paste your JSON URL or try the demo data.
5. Copy the shortcode and add it to any page.

Usage

Basic Shortcode:

[chartcrafter source="https://example.com/data.json"]

With Options:

[chartcrafter source="https://example.com/data.json" type="line" height="500"]

Shortcode Attributes:

Attribute	Description	Default
source	URL of your JSON data (required)	-
type	line, bar, pie, doughnut, radar, polarArea	bar
height	Chart height in pixels	400
title	Chart title	(none)

Screenshots

1. Admin Dashboard

Configure your chart type, height, and preview instantly in the WordPress admin.

2. Bar Chart Example

Beautiful multi-series bar chart comparing sales data.

Frequently Asked Questions

What JSON format does ChartCrafter expect?

ChartCrafter supports multiple formats. The simplest is an object with labels (array of strings) and data (array of numbers). For multi-series charts, use a datasets array.

Does this include Chart.js?

Yes! ChartCrafter loads Chart.js automatically from a CDN. No additional setup required.

Can I customize colors?

ChartCrafter includes a beautiful default palette. For custom colors, include backgroundColor and borderColor in your JSON datasets.

Changelog

1.0.0

• Initial release.
• 6 chart types supported.
• Live admin preview.
• Smart data parsing.