Skip to main content

Lines, Splines and StepLines

JavaScript Chart Types

Lines, Splines and StepLines

JSCharting includes extensive line support with custom makers, dash styles, dynamic data-connected markers, line only, empty element and line fit varitaions including stepline, straight line and spline visualizations.

Line Rank Trends

JavaScript code editor ranking over time.

Edit
Line Types Chart

This sample demonstrates different main line series types.

Edit
A styled line chart with time x axis scale.
Line chart with arrow caps.
Boy and girl baby name rankings over time.
Dumbbell plot chart. Multiple line series with line caps to signify change over time.
Multiple charts comparing company gross and net revenues.
A dumbbell slider chart with offset markers to compare data between two years. Uses firstPoint and lastPoint to manage styling.
Linear trendline calculation with prediction and r squared value.
A multidimensional trend line chart that compares two time periods.
Line series type with no markers.
Demonstrates line tension options of spline series type.
Muted vector segments that appear on hover or when selected with a drop down.
Uses series selection to highlight line series in sync with a dropdown control.
Spline series types.
A line projection making up the average of many projection lines.
A computed line series with muted source lines for context.
Line chart of phone prices.
Line chart with styled error bars.
A slope chart with point axis ticks axis tick.
Stepline series types.
A JavaScript line chart with multiple series illustrating Chrome browsers rise to dominance over time.
Line series with default offset error bars.
A line series type with styled lines.
A line chart used to illustrate a concept.
Line chart using CSV data file.
Time scale line chart with error bars.
An uncertainty line projection chart.
Line chart loaded from a CSV data web service.
A line series type with large markers.
A Line series type with large dynamic point color markers.
A line series with missing points.
A horizontal line chart with styled markers and crosshair.
Horizontal spline series types.
Horizontal stepline series types.
A line series with different color markers.