cristiscu's public fiddles
-
AnyChart sample
No-Library (pure JS), HTML, CSS, JavaScript
-
Monochrome Candlestick Charts
Standard Candlestick charts, and original Candle charts, as candlesticks with no sticks (with no High and Low indicators, just Open and Close). For multiple chart apps, using a monochrome theme. Empty boxes have the closing price on top (for a positive upwards price variation), while plain boxes have the closing price at the bottom. There are no Alternative Colors for this template.
-
Vertical to Radial Full Stacked Bars
Full Stacked Radial Bar charts take multi-series Full Stacked Column charts and make them circular, joining both their vertical ends into a radial area. Pick up a chart app and compare its Full Stacked Columns chart with its Full Stacked Radial Bars chart. We used similar values for all these charts, except Full Stacked Column charts show less data. Some of these Full Stacked Radial Bar charts have been emulated - usually with polar charts - when not supported by design by their chart applications.
-
2D Pareto Charts
Pareto charts combine a single series column chart with a line chart. Columns are sorted in a descending order. The line shows the cumulative value of the columns, as a percent.
-
Highcharts Demo
author(s): Torstein Hønsi
-
2D Pies
All-app template, with interactive and animated 2D pies. Slice them up, or collapse the slices back, with single clicks. Show data labels, inside or outside, as values or percent. Show legend with series names. Each slice is a total of values for a single series, a country name in this case. <br />Exceptions: Microsoft Charts are static (no animation or interaction); FusionCharts shows no legend for pies/doughnuts, and always shows data labels outside.
-
Transparent Chart
No-Library (pure JS), HTML, CSS, JavaScript
-
POST to jsFiddle
Automatically populate editor with predefined resources and content
-
Highcharts with Round Columns
No-Library (pure JS), HTML, CSS, JavaScript
-
Line Chart with amCharts
No-Library (pure JS), HTML, CSS, JavaScript
-
AnyChart sample
No-Library (pure JS), HTML, CSS, JavaScript
-
ShieldUI Opaque Bubbles
No-Library (pure JS), HTML, CSS, JavaScript
-
Bubbles with FusionCharts
No-Library (pure JS), HTML, CSS, JavaScript
-
Series Shadows
No-Library (pure JS), HTML, CSS, JavaScript
-
Series Shadows
No-Library (pure JS), HTML, CSS, JavaScript
-
Step Line with no Risers for amCharts
No-Library (pure JS), HTML, CSS, JavaScript
-
Lines
For line charts: [Grouped] Line/Spline/Step/Jump Line.
-
DateTIme over axisY workaround - CanvasJS JavaScript Charts
DateTIme over axisY workaround - CanvasJS JavaScript Charts
-
Step Line with CanvasJS
No-Library (pure JS), HTML, CSS, JavaScript
-
Line Caps for Google Chart
No-Library (pure JS), HTML, CSS, JavaScript