IPU-Chart is a powerful, easy to use SVG chart library available for EPUB3, WordPress and other HTML based publishing systems. It supports currently (horizontal and vertical) bar charts, pie charts, donut charts, line charts, scatter charts, animated, multi-series bubble charts and world map charts.
Other chart types like stacked- and grouped bar charts, multi-series line charts, area charts and other types of (geographical-)map based charts will be released in short time.
IPU-Chart allows you to load the data to display as a chart from a remote service that delivers
csv (comma separated),
tsv (tab separated) or
IPU-Chart can be used directly in your HTML-pages, as shortcode in WordPress and in EPUB3 based eBooks. Here an example of a bar chart created with IPU-Chart. Move the mouse over a bar (or tap on a touch device like iPhone or iPad) to see further details.
[box type=”shadow”]The charts rendered with IPU-Chart can be fully and easily styled with CSS. Therefore they will always look as you need it in your site context. The examples shown here use the default style of the plugin. Have a look at a different styling.[/box]
First a bar chart. Click or tap on the white background of the chart to start the animation. Click or tap the bars to open the details tooltip.
Then a horizontal bar chart. Click or tap on the white background of the chart to start the animation. Click or tap the bars to open the details tooltip.
A pie chart. Click or tap the segments to open the details tooltip.
A donut chart. Click or tap the segments to open the details tooltip.
A line chart. Click or tap the line to open the details tooltip.
An interpolated line chart. Click or tap the line to open the details tooltip.
A scatter chart. Click or tap the dots to open the details tooltip.
With a bubble chart large data sets can be visualized in one user friendly picture. Below an example of a bubble chart that shows some statistical aspects of the top ten most populous countries of the world.
Click on the gray boxes to change between the data series:
Click the gray boxes to change between the data series. Move the mouse over the circles (or tap on a touch device) to display the tooltip with the exact data.
A world map that displays the population density of the countries. Move the mouse over the countries (or tap them on touch devices like the iPad) to display a tooltip with detail data. Click the a country to zoom in. Click the country selected again to zoom out.
And last some data as table rendered with IPU-Chart out of the data: