A very simple streamed chart. This chart uses a very simple <chart> tag to generate a fairly complex chart. The chart is rendered on a page with both text and image information, and it includes tooltip labels over each bar.

This page combines dynamic form data with a Pie Chart definition to generate a chart. Since it's a Pie Chart, we use antialiasing in our style to smooth the edges.

Chart tags can also use a variety of inner tags to modify styles, data, locales, and so on. This page is similar to the first example, but uses inner tags to override various chart properties.

Chart tags can also dramatically simplify creating SVG and Flash© output. These formats require special <OBJECT> tags, which are automatically generated by the ProServe chart tag. This example also demonstrates ProServe's automatic load balancing feature.

So far, our examples have used random numbers. This example uses live XML data from a Web Service to describe the current temperatures in San Francisco Bay Area cities.

This sample also demonstrates an important feature of ProServe tags: you can localize your chart images by simply creating ResourceBundles that reflect the localization changes.

Building on the concept of using live external data to drive our charts, this page collects government census information from the Bureau of Labor Statistics, and then uses ProServe data filter tags to create multiple charts from the same data sources.

Using form data to manipulate data sources, this page creates a complete application to visually browse through California labor statistics.

The next example looks at live financial data from the Yahoo! web site and examines how you can use ProServe's data tags to dice and slice your data, and come to a better understanding of the underlying data.

In addition to conventional Candlestick charts, this page displays a regression chart / scatter plot, and a time series that lets you compare the percentage change in stock prices between Yahoo and any other stock.

This sample examines real-time weather data from a buoy off the central California coast. Since the buoy data access is rather slow, we optimize the page by putting our data source into a persistent resource.

The page also demonstrates how to use a ProServe "datahistogram" tag to generate a histogram from raw data sources.

This page demonstrates ProServe's "table" tag, and the "datatranspose" tag. KavaChart's tags are designed to help you understand data. Sometimes that means presenting data in multiple ways to help viewers understand it from different perspectives.

The last example combines a number of ProServe tag samples to create a chart that describes Major League Baseball at the end of the 2004 season. This is a "sectormap" chart that combines a number of elements into a single visual.

This chart also hyperlinks each square to the web site of the team it represents.