WordPress.org

Ready to get started?Download WordPress

Plugin Directory

IPU-Chart

Present your data with interactive live charts to your users!

IPU-Chart is a WordPress shortcode to create many different chart types inside your blog or page. It works perfectly on large computer screens as well as on tablets and smaller mobile screens. The data to display can reside directly in the document or it can be fetched from a remote service.

IPU-Chart has many options to style a chart. Add your own color palette or use the functions to generate color palettes that come with the plugin.

Features

  • Creates bar, line, pie, donut, scatter, bubble and world map charts
  • Supports data in json, csv or tsv format (Excel, Numbers)
  • Lets you enter the data directy in a blog or page
  • Loads the data from a remote service (database)
  • Updates the data automatically if desired
  • Has many options to style a chart with css or built-in color functions

With the IPU-Chart Multi Series Extension IPU-Chart supports also multi series charts.

Usage

To display a bar or line chart inside a post or page add a div element with an id (that’s where the chart will be rendered) and enter the template configuration inside the [ip4] shortcode.

Data defined inside the document:

<div id="kcal" style="width:90%; font-size:0.8em"></div>
...

[ip4]{
    "template": ip4.barChart(),
    "parentElement": "#kcal",
    "data": {
        "reader": ip4.dataReader()
            .data([ {"x": "Apple", "y": 55 },
                    {"x": "Avocado", "y": 145 },
                    {"x": "Banana", "y": 95 },
                    {"x": "Grapefruit", "y": 30 },
                    {"x": "Kiwi", "y": 55 } ])
    },
    "d3": {
        "yLabel": "kilo calories (kcal)"
    }
}[/ip4]

To display a line or pie chart just enter ip4.lineChart() or ip4.pieChart() as template.

Data refresh the data from an url every 20 seconds:

<div id="kcal" style="width:90%; font-size:0.8em"></div>
...

[ip4]{
    "template": ip4.barChart(),
    "parentElement": "#kcal",
    "data": {
        "reader": ip4.dataReader()
                      .uri("http://example.org/kcal")
                      .interval(20000)
    },
    "d3": {
        "yLabel": "kilo calories (kcal)"
    }
}[/ip4]

Note for existing users: The attribute-based, old interface is still included in the plugin.

Further Information

  1. The ip4 User Guide for detailed descriptions and examples.
  2. The IPU-Chart User Guide for the legacy interface.
  3. The Support Forum.

Requires: 3.0.1 or higher
Compatible up to: 3.8.3
Last Updated: 2014-2-14
Downloads: 5,372

Ratings

3 stars
3.7 out of 5 stars

Support

0 of 1 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1 100,1,1