Module: Editor

Version: 4.2.1 +

User: Developer

Level: Beginner


In this tutorial we'll show you how to add a graph to your website, with Futurama.


- The Futurama Editor must be installed.

- Futurama Runtime must be installed.

- Completing the tutorial Reading and processing XML-data in Futurama first, is recommended.



Graphs can be a great addition to your website. A visual representation can make your data more understandable, and it will give your website a nice and professional look.
In this tutorial we will show you how you can create graphs in Futurama, and add them to your website.

Safe2Save wants a graph with the course of the savings account for the next 25 years. Therefore we will first create a Range, a Futurama-object that creats an array of the numbers 0 to 25. We use this range as input for the future savings-formula, thus creating the array with the results.
In that way we've created the values for the x- and y-axis of the graph.
We then add the Graph-object to the Futurama-document. The years-range is filled in as the Xvalues of the Graph, and the results-array is added as a serie of the graph. Next, we fill in some of the rendering properties.

In the next tutorial we want the results that are now displayed at the right, by default, to be not shown until input is actually submitted by clicking the calculate-button. We will add an Action-object to the Futurama-document, to create this behaviour.


Contents Time
1) Intro 0 - 0.41
2) Adding a graph 0.41 - 6.00
3) Graph properties 6.00 - 8.19
image (rightclick, save as...)

Related Topics

- GraphConverter: Futurama Manual Page about the Graph-object



  1. World Population (Easy)

Updated: 2013-01-07