The ultimate charts playground. Create, modify, browse, learn and share.
Popular samples
Heatmap in JavaScript
Gallery / Range Column Chart
A Column Chart of 2 series describing the ranges between the lowest and the highest temperatures in London and Edinburgh during a year.
Gallery / Surface Chart with Custom Color Scale
Demonstrates custom color scales on a math-generated 3D surface with color-coded axes and styled mesh strokes.
Gallery / House Construction PERT Chart
House construction PERT chart with custom duration labels in weeks, days, and hours.
Gallery / Frog Column
Animated frog-themed custom column chart with interactive hover/select states, playful shapes, and per-point tooltip formatting.
Gallery / No Data Label Feature
No Data Label feature demonstration. By default, the chart does not display any data, so the No Data label is shown. Clicking the Switch Data button adds data, and the label disappears.
Gallery / Parabolic SAR (PSAR)
Parabolic SAR (SAR - stop and reverse) is a method devised by J. Welles Wilder, Jr, to find trends in market prices or securities. It may be used as a trailing stop loss based on prices tending to stay within a parabolic curve during a strong trend.
Bollinger Bands B (BBands B)
A sample with both Bollinger Bands and Bollinger Bands %B indicators on one chart with two plots.
Gallery / Range Spline-Area Chart
This Range Chart is a demonstration of making an Area series Range. It describes weather in New York during 2010 (a range between the lowest and the highest monthly temperatures in \xb0F).
Popular tags
