The Perl Toolchain Summit needs more sponsors. If your company depends on Perl, please support this very important event.
KWMAK / Chart-Gnuplot-0.20 / examples / main.html 
<html>
<head>
<title>Demo codes for Chart::Gnuplot</title>
<style type="text/css">
td {background-color:#E6E6E6; padding-left:0.5cm; padding-right:0.5cm;
    padding-top:0.1cm; padding-bottom:0.1cm;}
</style>
</head>

<center>
<h1>
Demo codes for Chart::Gnuplot
</h1>
</center>

<!-- ----- Data source ----- -->
<a name="Data source">
<h2 style="color:green">Data source</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Perl arrays of x coordinates and y coordinates</td>
<td align="center"><a href="dataSrc_1.pl">script</a></td>
<td align="center"><a href="gallery/dataSrc_1.png">sample image</a></td>
</tr>
<tr>
<td>Perl array of x-y pairs</td>
<td align="center"><a href="dataSrc_2.pl">script</a></td>
<td align="center"><a href="gallery/dataSrc_2.png">sample image</a></td>
</tr>
<tr>
<td>Data file (space delimited)</td>
<td align="center"><a href="dataSrc_3.pl">script</a></td>
<td align="center"><a href="gallery/dataSrc_3.png">sample image</a></td>
</tr>
<tr>
<td>Mathematical function</td>
<td align="center"><a href="dataSrc_4.pl">script</a></td>
<td align="center"><a href="gallery/dataSrc_4.png">sample image</a></td>
</tr>
<tr>
<td>Parametric function</td>
<td align="center"><a href="dataSrc_5.pl">script</a></td>
<td align="center"><a href="gallery/dataSrc_5.png">sample image</a></td>
</tr>
<tr>
<td>Mixed data source</td>
<td align="center"><a href="dataSrc_6.pl">script</a></td>
<td align="center"><a href="gallery/dataSrc_6.png">sample image</a></td>
</tr>
</table>


<!-- ----- >Basic chart formatting ----- -->
<a name="Basic chart formatting">
<h2 style="color:green">Basic chart formatting</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Add a chart title</td>
<td align="center"><a href="chartFmt_1.pl">script</a></td>
<td align="center"><a href="gallery/chartFmt_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Add axis labels</td>
<td align="center"><a href="chartFmt_2.pl">script</a></td>
<td align="center"><a href="gallery/chartFmt_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Add legend</td>
<td align="center"><a href="chartFmt_3.pl">script</a></td>
<td align="center"><a href="gallery/chartFmt_3.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Add grid lines</td>
<td align="center"><a href="chartFmt_4.pl">script</a></td>
<td align="center"><a href="gallery/chartFmt_4.png">sample image</a></td>
</tr>
</table>


<!-- ----- 2D plotting styles ----- -->
<a name="2D plotting styles">
<h2 style="color:green">2D plotting styles</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Lines, points and points on lines</td>
<td align="center"><a href="plotStyle_1.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Dots</td>
<td align="center"><a href="plotStyle_2.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Impulses</td>
<td align="center"><a href="plotStyle_3.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_3.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Boxes</td>
<td align="center"><a href="plotStyle_4.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_4.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Fill the boxes</td>
<td align="center"><a href="plotStyle_5.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_5.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Join with steps, fsteps and histeps</td>
<td align="center"><a href="plotStyle_6.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_6.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Filled the curves</td>
<td align="center"><a href="plotStyle_7.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_7.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Error bar styles</td>
<td align="center"><a href="plotStyle_8.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_8.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Error line styles</td>
<td align="center"><a href="plotStyle_9.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_9.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Styles of combination of boxes and error bars</td>
<td align="center"><a href="plotStyle_10.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_10.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Finance bar style</td>
<td align="center"><a href="plotStyle_11.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_11.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Candle stick style</td>
<td align="center"><a href="plotStyle_12.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_12.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Horizontal bar style</td>
<td align="center"><a href="plotStyle_13.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_13.png">sample image</a></td>
</tr>
<tr>
<tr>
<td width=65%>Horizontal line style</td>
<td align="center"><a href="plotStyle_14.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_14.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Smooth the line segments joining data points</td>
<td align="center"><a href="plotStyle_15.pl">script</a></td>
<td align="center"><a href="gallery/plotStyle_15.png">sample image</a></td>
</tr>
</table>


<!-- ----- Line and point styles ----- -->
<a name="Line and point styles">
<h2 style="color:green">Line and point styles</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Line and point color</td>
<td align="center"><a href="lineStyle_1.pl">script</a></td>
<td align="center"><a href="gallery/lineStyle_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Line type</td>
<td align="center"><a href="lineStyle_2.pl">script</a></td>
<td align="center"><a href="gallery/lineStyle_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Line width</td>
<td align="center"><a href="lineStyle_3.pl">script</a></td>
<td align="center"><a href="gallery/lineStyle_3.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Point type</td>
<td align="center"><a href="lineStyle_4.pl">script</a></td>
<td align="center"><a href="gallery/lineStyle_4.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Point size</td>
<td align="center"><a href="lineStyle_5.pl">script</a></td>
<td align="center"><a href="gallery/lineStyle_5.png">sample image</a></td>
</tr>
</table>


<!-- ----- Range of the plot ----- -->
<a name="Range of the plot">
<h2 style="color:green">Range of the plot</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>User-specified range of the plot</td>
<td align="center"><a href="range_1.pl">script</a></td>
<td align="center"><a href="gallery/range_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Semi-autoscale</td>
<td align="center"><a href="range_2.pl">script</a></td>
<td align="center"><a href="gallery/range_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Range of parametric parameter</td>
<td align="center"><a href="range_3.pl">script</a></td>
<td align="center"><a href="gallery/range_3.png">sample image</a></td>
</tr>
</table>


<!-- ----- Formatting the chart title ----- -->
<a name="Formatting the chart title">
<h2 style="color:green">Formatting the chart title</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Use default settings</td>
<td align="center"><a href="chartTitle_1.pl">script</a></td>
<td align="center"><a href="gallery/chartTitle_1.png">sample image</a></td>
</tr>
<tr>
<td>Location</td>
<td align="center"><a href="chartTitle_2.pl">script</a></td>
<td align="center"><a href="gallery/chartTitle_2.png">sample image</a></td>
</tr>
<tr>
<td>Font</td>
<td align="center"><a href="chartTitle_3.pl">script</a></td>
<td align="center"><a href="gallery/chartTitle_3.png">sample image</a></td>
</tr>
<tr>
<td>Font and font size</td>
<td align="center"><a href="chartTitle_4.pl">script</a></td>
<td align="center"><a href="gallery/chartTitle_4.png">sample image</a></td>
</tr>
<tr>
<td>Font color</td>
<td align="center"><a href="chartTitle_5.pl">script</a></td>
<td align="center"><a href="gallery/chartTitle_5.png">sample image</a></td>
</tr>
<tr>
<td>Superscript and subscript</td>
<td align="center"><a href="chartTitle_6.pl">script</a></td>
<td align="center"><a href="gallery/chartTitle_6.png">sample image</a></td>
</tr>
<tr>
<td>Greek letters</td>
<td align="center"><a href="chartTitle_7.pl">script</a></td>
<td align="center"><a href="gallery/chartTitle_7.png">sample image</a></td>
</tr>
<tr>
<td>Composite example</td>
<td align="center"><a href="chartTitle_8.pl">script</a></td>
<td align="center"><a href="gallery/chartTitle_9.png">sample image</a></td>
</tr>
</table>


<!-- ----- Formatting the axis label ----- -->
<a name="Formatting the axis label">
<h2 style="color:green">Formatting the axis label</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Use default settings</td>
<td align="center"><a href="axisLabel_1.pl">script</a></td>
<td align="center"><a href="gallery/axisLabel_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Location</td>
<td align="center"><a href="axisLabel_2.pl">script</a></td>
<td align="center"><a href="gallery/axisLabel_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Rotated text</td>
<td align="center"><a href="axisLabel_3.pl">script</a></td>
<td align="center"><a href="gallery/axisLabel_3.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Font</td>
<td align="center"><a href="axisLabel_4.pl">script</a></td>
<td align="center"><a href="gallery/axisLabel_4.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Font and font size</td>
<td align="center"><a href="axisLabel_5.pl">script</a></td>
<td align="center"><a href="gallery/axisLabel_5.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Font color</td>
<td align="center"><a href="axisLabel_6.pl">script</a></td>
<td align="center"><a href="gallery/axisLabel_6.png">sample image</a></td>
</tr>
<tr>
<td>Superscript and subscript</td>
<td align="center"><a href="axisLabel_7.pl">script</a></td>
<td align="center"><a href="gallery/axisLabel_7.png">sample image</a></td>
</tr>
<tr>
<td>Greek letters</td>
<td align="center"><a href="axisLabel_8.pl">script</a></td>
<td align="center"><a href="gallery/axisLabel_8.png">sample image</a></td>
</tr>
</table>


<!-- ----- Formatting the axis tics ----- -->
<a name="Formatting the axis tics">
<h2 style="color:green">Formatting the axis tics</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Number of minor tics between consecutive major tics</td>
<td align="center"><a href="axisTics_1.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Specify the tics to label</td>
<td align="center"><a href="axisTics_2.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Re-label the tics</td>
<td align="center"><a href="axisTics_3.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_3.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Tic label number format</td>
<td align="center"><a href="axisTics_4.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_4.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Tic label font</td>
<td align="center"><a href="axisTics_5.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_5.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Tic label font and font size</td>
<td align="center"><a href="axisTics_6.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_6.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Tic label color</td>
<td align="center"><a href="axisTics_7.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_7.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Location of the tic label</td>
<td align="center"><a href="axisTics_8.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_8.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Rotate the tic label</td>
<td align="center"><a href="axisTics_9.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_9.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Tic length</td>
<td align="center"><a href="axisTics_10.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_10.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Remove the tics on the opposite axis</td>
<td align="center"><a href="axisTics_11.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_11.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Turn on and off the tics</td>
<td align="center"><a href="axisTics_12.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_12.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Composite example</td>
<td align="center"><a href="axisTics_13.pl">script</a></td>
<td align="center"><a href="gallery/axisTics_13.png">sample image</a></td>
</tr>
</table>


<!-- ----- Formatting the grid lines ----- -->
<a name="Formatting the grid lines">
<h2 style="color:green">Formatting the grid lines</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Use default settings</td>
<td align="center"><a href="grid_1.pl">script</a></td>
<td align="center"><a href="gallery/grid_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Add minor grid lines</td>
<td align="center"><a href="grid_2.pl">script</a></td>
<td align="center"><a href="gallery/grid_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Line type</td>
<td align="center"><a href="grid_3.pl">script</a></td>
<td align="center"><a href="gallery/grid_3.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Line width</td>
<td align="center"><a href="grid_4.pl">script</a></td>
<td align="center"><a href="gallery/grid_4.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Color</td>
<td align="center"><a href="grid_5.pl">script</a></td>
<td align="center"><a href="gallery/grid_5.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Use another line type for minor grid</td>
<td align="center"><a href="grid_6.pl">script</a></td>
<td align="center"><a href="gallery/grid_6.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Use another line width for minor grid</td>
<td align="center"><a href="grid_7.pl">script</a></td>
<td align="center"><a href="gallery/grid_7.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Use another line color for minor grid</td>
<td align="center"><a href="grid_8.pl">script</a></td>
<td align="center"><a href="gallery/grid_8.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Composite example</td>
<td align="center"><a href="grid_9.pl">script</a></td>
<td align="center"><a href="gallery/grid_9.png">sample image</a></td>
</tr>
</table>


<!-- ----- Formatting the legend ----- -->
<a name="Formatting the legend">
<h2 style="color:green">Formatting the legend</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Use default settings</td>
<td align="center"><a href="legend_1.pl">script</a></td>
<td align="center"><a href="gallery/legend_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Position</td>
<td align="center"><a href="legend_2.pl">script</a></td>
<td align="center"><a href="gallery/legend_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Add border</td>
<td align="center"><a href="legend_3.pl">script</a></td>
<td align="center"><a href="gallery/legend_3.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Format the border</td>
<td align="center"><a href="legend_4.pl">script</a></td>
<td align="center"><a href="gallery/legend_4.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Dimension</td>
<td align="center"><a href="legend_5.pl">script</a></td>
<td align="center"><a href="gallery/legend_5.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Legend title</td>
<td align="center"><a href="legend_6.pl">script</a></td>
<td align="center"><a href="gallery/legend_6.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Order of the sample lines</td>
<td align="center"><a href="legend_7.pl">script</a></td>
<td align="center"><a href="gallery/legend_7.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Alignment of the label</td>
<td align="center"><a href="legend_8.pl">script</a></td>
<td align="center"><a href="gallery/legend_8.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Format the sample lines</td>
<td align="center"><a href="legend_9.pl">script</a></td>
<td align="center"><a href="gallery/legend_9.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Composite example</td>
<td align="center"><a href="legend_10.pl">script</a></td>
<td align="center"><a href="gallery/legend_10.png">sample image</a></td>
</tr>
</table>


<!-- ----- Formatting the graph borders ----- -->
<a name="Formatting the graph borders">
<h2 style="color:green">Formatting the graph borders</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Line type</td>
<td align="center"><a href="border_1.pl">script</a></td>
<td align="center"><a href="gallery/border_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Line width</td>
<td align="center"><a href="border_2.pl">script</a></td>
<td align="center"><a href="gallery/border_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Color</td>
<td align="center"><a href="border_3.pl">script</a></td>
<td align="center"><a href="gallery/border_3.png">sample image</a></td>
</tr>
</table>


<!-- ----- Date and time data ----- -->
<a name="Date and time data">
<h2 style="color:green">Date and time data</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Date data</td>
<td align="center"><a href="datetime_1.pl">script</a></td>
<td align="center"><a href="gallery/datetime_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Time data</td>
<td align="center"><a href="datetime_2.pl">script</a></td>
<td align="center"><a href="gallery/datetime_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Change the date time format of the tic labels</td>
<td align="center"><a href="datetime_3.pl">script</a></td>
<td align="center"><a href="gallery/datetime_3.png">sample image</a></td>
</tr>
</table>


<!-- ----- Plot on the secondary axes ----- -->
<a name="Plot on the secondary axes">
<h2 style="color:green">Plot on the secondary axes</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Simple example</td>
<td align="center"><a href="plotAxes_1.pl">script</a></td>
<td align="center"><a href="gallery/plotAxes_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Composite example</td>
<td align="center"><a href="plotAxes_2.pl">script</a></td>
<td align="center"><a href="gallery/plotAxes_2.png">sample image</a></td>
</tr>
</table>


<!-- ----- Chart dimension ----- -->
<a name="Chart dimension">
<h2 style="color:green">Chart dimension</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Orientation</td>
<td align="center"><a href="chartDim_1.pl">script</a></td>
<td align="center"><a href="gallery/chartDim_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Image size</td>
<td align="center"><a href="chartDim_2.pl">script</a></td>
<td align="center"><a href="gallery/chartDim_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Margin</td>
<td align="center"><a href="chartDim_3.pl">script</a></td>
<td align="center"><a href="gallery/chartDim_3.png">sample image</a></td>
</tr>
</tr>
</table>


<!-- ----- Background color ----- -->
<a name="Background color">
<h2 style="color:green">Background color</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Background color of the chart</td>
<td align="center"><a href="background_1.pl">script</a></td>
<td align="center"><a href="gallery/background_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Background color of the plot area</td>
<td align="center"><a href="background_2.pl">script</a></td>
<td align="center"><a href="gallery/background_2.png">sample image</a></td>
</tr>
</table>


<!-- ----- 3D plots ----- -->
<h2 style="color:green">3D plots</h2>
<table border=0 width=100%>
<tr>
<td width=65%>Plot from Perl arrays of x, y and z coordinates</td>
<td align="center"><a href="plot3d_1.pl">script</a></td>
<td align="center"><a href="gallery/plot3d_1.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Plot from Perl array of points</td>
<td align="center"><a href="plot3d_2.pl">script</a></td>
<td align="center"><a href="gallery/plot3d_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Plot from data file (space delimited)</td>
<td align="center"><a href="plot3d_3.pl">script</a></td>
<td align="center"><a href="gallery/plot3d_3.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Plot from function</td>
<td align="center"><a href="plot3d_4.pl">script</a></td>
<td align="center"><a href="gallery/plot3d_4.png">sample image</a></td>
</tr>
</table>


<!-- ----- Multiplot ----- -->
<a name="Multiplot">
<h2 style="color:green">Multiplot</h2>
</a>
<table border=0 width=100%>
<tr>
<td width=65%>Use array to define image layout</td>
<td align="center"><a href="multiplot_1.pl">script</a></td>
<td align="center"><a href="gallery/multiplot_1.png">sample image</a></td>
</tr>
<tr>
<tr>
<td width=65%>Inset graph</td>
<td align="center"><a href="multiplot_2.pl">script</a></td>
<td align="center"><a href="gallery/multiplot_2.png">sample image</a></td>
</tr>
<tr>
<td width=65%>Composite example</td>
<td align="center"><a href="multiplot_3.pl">script</a></td>
<td align="center"><a href="gallery/multiplot_3.png">sample image</a></td>
</tr>
</table>
</html>