Data displays built in Elementor

Graphina PRO is a WordPress data-visualization add-on for Elementor websites. The person building a page selects Graphina components in the Elementor interface, configures their data and appearance, and places them in the layout. Elementor is required.

Built on Apex charts, Graphina includes more than 14 graph and chart types and over 1,000 variations. The PRO edition adds dynamic chart capabilities for dashboards, reports, and visual summaries.

Chart and data elements

Available elements include line, column and bar, nested column, area, pie, donut, candle, radar, radial, bubble, polar, heatmap, timeline, mix, distributed, brush, scatter, and Google chart elements. Data Tables, jQuery DataTables, and counters provide tabular views and prominent metrics.

• Line, column, bar, area, and mixed charts can show changes or compare values. Pie and donut charts present proportions, while bubble, polar, radar, and radial charts can show relationships or multiple dimensions.
• Candle charts can show trading data such as stocks and cryptocurrencies. Heatmaps visualize volume within a dataset, and timeline charts can show progression over time.
• Organization charts can present structured information. Google Charts settings include line, column, pie, area, bar, donut, geo, gauge, organization, and Gantt charts.

Configure chart appearance and data

Through Elementor, customers can set custom chart colors and pick classic, gradient, or pattern fills. The controls let them adjust the appearance of charts and other data elements without additional code knowledge. Graphina also works with AJAX data loading for charts.

Pages and use cases

Graphina PRO can be used to make dashboards and reports about crypto statistics, ecommerce, environmental information, server statistics, school reporting, or hotel data. Its charts, tables, and counters present information within an Elementor page alongside the rest of the layout.

The extension is described as compatible with Chrome, Firefox, Opera, Safari, and Edge.

Installation and use

First, add Graphina to a WordPress site where Elementor is available. In Elementor, select a Graphina element, configure its data and appearance, then place it in the required page layout.