khaleelS's public fiddles
-
Risk Heatmap
<h2>Two-dimensional category axes</h2> Both axes on this chart is a category axis. This allows placing columns precisely as squares. [amb href="https://www.amcharts.com/docs/v4/concepts/axes/#Category_axis"]More about category axes[/amb] <h2>Data-aware bullets</h2> Bullets inside squares are bullets. Labels inside bullets are bound to the actual values in data. [amb href="https://www.amcharts.com/docs/v4/concepts/bullets/"]More about bullets[/amb] <h2>Heat rules</h2> Heat rules allow modifying element's properties based on its related value in data. Those are not limited to colors. Any quantifiable value can be used in a heat rule, like for instance, a radius of a bullet on this chart. [amb href="https://www.amcharts.com/docs/v4/concepts/series/#Heat_maps"]More about heat rules[/amb]
-
ChartJS Heatmap
No-Library (pure JS), HTML, CSS, JavaScript
-
ChartJS Heatmap
No-Library (pure JS), HTML, CSS, JavaScript
-
Pie Chart With Legend
Pie chart can display titles and values of slices in the legend. Our legend has a great feature - if you click on legend entry, the slice will be hidden or shown. This might gives additional value for data analysis, as when hidden, slice is excluded when calculating percent values. The position of legend can be easily adjusted.
-
Highcharts Demo
No-Library (pure JS), HTML, CSS, JavaScript
-
zokjduds
No-Library (pure JS), HTML, CSS, JavaScript