Tangraph is a graphing applet designed specifically with the sports statistics in mind.

It offers a flexible, almost infinitely customizable interface and a powerful API.

You can dissect a season's worth of data, or a career, a tournament or even a single game - by drilling down and analyzing every available data point.

You can zoom in (mouse-click, hold and pan) and zoom out (double mouse-click). You can pan (using panning buttons when zoomed in) or play your data as a video clip.

Your customers will be able to build their own graphs, drawing from the data you already have. They might even want to save and share their findings on your site!

We are inviting you to see for yourself. Start with a few examples we offer below - or scroll down to a FAQ section that explains how Tangraph meets your needs.

  World Football
  NFL Football

This is how real pages would look like, if they were using Tangraph:
  Sports Illustrated article
  ESPN page

Frequently Asked Questions

How can I place my sponsors' ads on the graph?
- Tangraph has a dedicated whitespace and a parameter that populates it. Here is an example of the whitespace with an animated image having several sponsor ads.
Can I include links to my (or any other) site?
- Yes! The lines' logos can be formatted as HTML elements with embedded links. As you move your cursor over the line titles in this example, you'll see your cursor changing into a pointer - click on the link to open the page in a separate window or tab.
I want to use the graph during my presentation, using Tangraph's playback mode. How do I manage the speed of it and pause or stop during the play?
- There are three parameters that will help you. One defines how often the frames are updated, another - the speed of the presentation mode. Finally, Tangraph also has a parameter for presentation pauses - to define their locations and durations, including indefinite pauses (in this mode the graph will wait for a mouse click to continue).This demo will pause for 5 seconds after first and third day of tournament and will stop after the second day, waiting for your click.
Can I include images and/or video clips in tooltips?
- Of course! Simply include <video> or <img> information in the tooltip definition (don't forget to include the dimensions - they are crucial for image rendering). This example includes several video tooltips.
I want to calculate tooltip values at runtime.
Can I format tooltips differently depending on the data values?
- Tangraph offers an extensive tooltip-definition language, with formulas and conditional formatting. This example shows how the averages can be defined in a tooltip formula and calculated at runtime. You can also see that the formatting of the last point on the Brodeur's line is different - it is done by using a conditional expression.
I want to include images in the background.
- Tangraph allows background to be defined by its color or its HTML. Here is an example of the latter, with tiled images.
I want to mark a subset of points for deeper analysis.
- Tangraph has a notion of a "dependent" or "subordinate" line. It defines a subset of points on a line. This subset can have its own color schema and tooltip definition as shown in this example.
I want to coordinate tooltip colors with the points. Do I need to define the same color twice?
- You don't have to define it twice. One of the many tags available in the tooltip definition language refers to the line's color. This allows to seemlessly color-coordinate tooltips for all lines with just one definition. In this example all tooltips are color-coordinated with their lines.
In my sport (say, golf) the lower the score the better. How do I invert the graph to display the winning score on the top?
- Tangraph has a special parameter designed precisely with this case in mind. See here how it is being used.
I have plenty of data on the screen, and some points get obscured. Can I hide or show them at runtime.
- First, you don't have to show it all right off the bat. Set a hide flag for the lines you don't want to show when the applet first being rendered. Also, use our hide/show/blink on mouse over features. They can be turned on and using their respective parameters. This is how it works: if BLINK is set, a graph blinks to reveal itself every time you move your mouse over a corresponding line's definition in a sidebar. If you set HIDE and check a line's checkbox is checked - the line will be hidden when you move your mouse over its definition. SHOW complements this behavior, allowing to display the line if the checkbox is unchecked. See here how BLINK parameter works and here how HIDE/SHOW do.
I want to make my tooltips semi-transparent.
- There are separate parameters for defining the opaqueness of the tooltips and of the vertical and horizontal grid lines. See in this example how semi-transparent tooltips look like.
I want to see a "slice" of my graph at any moment of time to compare the values.
- Tangraph has a notion of a bottom tooltip. If defined, it is activated when you move your cursor over and around the X axis. Its definition is as flexible as of the line tooltips. Also, you can define different sorting orders (by value, alphabetically or in the order the lines are defined). In this example the bottom tooltip is sorted by value to represent the teams' standing at any given time.
I want to see several seasons of one player's data compared. How can I do that?
- Tangraph has a synchronization mode that allows to display them in the same timeframe. Here is but one example.
Do I need to register?
- When you register your copy, we guarantee you will be receiving support, upgrades and bug fixes until the day your registration expires. You can still use an unregistered applet, but the screen's background will allways be the same default one (as in this example), and tooltips and playback mode will soon become disabled.

You can request a tryout key that has a limited time till expiration. When registering, you can ask for site-wide or individual registrations.