Creating a FIFA World Cup Statistics Chart

Since the FIFA World Cup 2010 is in progress I was thinking that it would be interesting to create a statistics chart with all FIFA editions dating back to 1930, to see how things have evolved. Included for each year: how many teams have participated, how many matches were played each year, how many goals were scored each year, average goal per year and attendances per year.

Requirements

• Adobe Dreamweaver (CS3, CS4, CS5 )
• Fusion charts for DW extension (either Designer edition or Developer)
• Results from FIFA World Cup™ Record (also you can check the All time ranking)

Final Result

Creating a Dreamweaver Chart

In order to create a web chart inside Dreamweaver, we need to download the DW Fusion Charts extension (you can download it here).

Open the Fusion Charts for DW interface

After you have installed the fusion charts extension, start Dreamweaver and go to Insert Panel, find the FusionCharts for DW tab, and press “Insert Simple Chart”.

Adding a Simple Fusion Chart

Select the chart type you want to use

The first thing you need to do after opening the Fusion Charts interface is to select the chart type you want to use. I’ve chosen a line type chart since we’re dealing with a large amount of data.

Select chart type

Add data for our chart

Go to the second tab, called DataGrid, and you’ll see the default data. We need to clear this data in order to add our own data. Press “reset data” in order to clear the default data. Now we need to add the columns and rows.

Adding data to chart

The data for the chart was collected from
FIFA World Cup™ Record. I have added columns for:year, teams, matches, goals and average goals.

Here is the data for the chart:

After adding the data we need to define a category column. Select the “A” column and press “Add as Category”. Also we need to define some series in order for the chart to work. Select Column “B” and press “Add as series”. Now do the same for the rest of the column (C,D and E).
I’ll also change each column’s color, so it will be easier to distinguish each series.

Organizing the columns for our chart

If you have followed my steps, then everything should be in placed and ready for the final preview. All you need to do now is to press “ok”, and test your fifa world cup chart in the browser.

I hope you enjoyed this tutorial and now you can show off to your friends with your brand new all editions fifa web chart.

If you have any questions please send them to: support@extendstudio.com