Close

XML support – Table and Chart samples

Data Source now smartly supports XML format starting with version 1.2.1.

It extracts attributes and texts from XML nodes you select to use and makes them available for tables, charts, grids and maps! You can see an example with food calories below with samples XML file http://www.w3schools.com/xml/simple.xml


Unable to render table

Sales data – Pie and Bar charts

Below you can see examples of Pie and Bar charts on transactions sample data.

In both cases we group transaction by Payment Type and display total amount or minimum and average correspondingly.

 

Charts – Yahoo! Inc. historical prices

Yahoo! Inc. Stocks. Historical Prices http://finance.yahoo.com/q/hp?s=YHOO&a=03&b=12&c=1996&d=04&e=30&f=2015&g=m

Grid – Contacts list

3 columns grid with cycled backgrounds and boxes having rounded borders


Warning: Invalid argument supplied for foreach() in /home/datasource/public_html/wp-content/plugins/data-source/classes/grids/Grid.php on line 45

Grids – Cameras catalogue from Google Spreadsheet

This grid is based on Google Spreadsheet. It demonstrates the possibility to build templates using images and data from file in a format you need.

Warning: Invalid argument supplied for foreach() in /home/datasource/public_html/wp-content/plugins/data-source/classes/providers/google-spreadsheet.php on line 64

Warning: Invalid argument supplied for foreach() in /home/datasource/public_html/wp-content/plugins/data-source/classes/providers/google-spreadsheet.php on line 64

Warning: Invalid argument supplied for foreach() in /home/datasource/public_html/wp-content/plugins/data-source/classes/grids/Grid.php on line 45

Table with list of products

Below you can see a table demonstrating multi language support (German interface), custom colors, custom font (Droid Sans) and disabled column names in footer.

Table is sortable. Default sorting is Price in ascending order. Click to download data file.

Unable to render table

Vector map with markers

Here is the vector map of France. We added colorful markers at some cities.
Marker size depends on a city area and marker color depends on a city population.

Try hovering over the cluttered markers around Paris, and a magnifying glass will open to show the markers in more detail.