The usage of the function is outlined in this section.

　　The various values in the code examples are color-coded as follows:

　　HTML:

　　SVG:

　　The following examples demonstrate how this work in practice, by use of a prototyping script, param.js. Obviously, this wouldn't be needed in a working native implementation.

　　2.4.1 No Parameters

　　2.4.2 Object Parameters

　　2.4.3 URL Parameters

　　2.4.4 URL and Object Parameters

　　2.4.5 Parameterizing Position

　　2.4.6 Parameterizing Links

　　2.4.7 Setting Multiple Aspects of Reused Content

　　This example shows the use of the element with the element, to pass on multiple values to a referenced graphic, to customize several aspects of it at once. If no parameters are passed along, the flower will simply be colored with shades of white, black, and gray; with parameters, different parts of the flower can be given different colors for stroke and fill.

　　2.4.8 Complex Reusable Components

　　This example demonstrates the use of the attribute value with a complex reusable component, in this case a bar chart. The component author has created a chart with a set number of bars, one for each month, and set the labels and the bar height to the value of the parameter for each month. The content author using the component passes in the value for each month as a parameter, and the chart is presented accordingly. There are limitations to this approach, e.g. you cannot add new bars, and the range of values is limited, but for certain kinds of complex components, the attribute value can be very useful.