Nicolas's public fiddles
-
-
Extract projects keys from JQL
No-Library (pure JS), HTML, CSS, JavaScript
-
Wiveez: analyze issue types pie
Pie chart is used to represent data series as part of the whole. Each slice in a pie chart represents a data item proportionally to the sum of all the items in the series. Pie chart is one of the most widely used chart types but is widely criticized as its difficult for people to compare items in this circular shape. <h2>Pie is a series</h2> Pie is a serial chart. Each collection of slices is a Pie series. [amb href="https://www.amcharts.com/docs/v4/chart-types/pie-chart/"]More about Pie chart[/amb] <h2>Intelligently laid out labels</h2> Slice labels are intelligently laid out in columns, so they do not overlap and are readable. Should you want labels positioned circularly around pie, just set series <code>alignLabels</code> to <code>false</code>.
-
Wiveez: Issue types pie
Pie chart is used to represent data series as part of the whole. Each slice in a pie chart represents a data item proportionally to the sum of all the items in the series. Pie chart is one of the most widely used chart types but is widely criticized as its difficult for people to compare items in this circular shape. <h2>Pie is a series</h2> Pie is a serial chart. Each collection of slices is a Pie series. [amb href="https://www.amcharts.com/docs/v4/chart-types/pie-chart/"]More about Pie chart[/amb] <h2>Intelligently laid out labels</h2> Slice labels are intelligently laid out in columns, so they do not overlap and are readable. Should you want labels positioned circularly around pie, just set series <code>alignLabels</code> to <code>false</code>.
-
Wiveez: Radial bar chart
A Radial/Circular bar chart is a bar chart displayed on a polar coordinate system. The difference between radial column chart is that base axis of series is y axis of a radar chart making columns circular. You can easily adjust start/end angles of a chart by setting <code>startAngle</code> and <code>endAngle</code> of your RadarChart component. [amb href="https://www.amcharts.com/docs/v4/chart-types/radar-chart/"]More about radar chart[/amb]
-
Wiveez: Column With Rotated Series
Column chart (or Bar chart) is the most recognizable and easiest to comprehend chart type. When your goal is not to woo viewers with fancy graphics but rather delivering the information in the most straightforward way, Column chart is your best friend. However, when you get over a certain amount of columns (or your items just have fairly long names) axis labels become quite crowded and hard to read. One option to rectify this is to <a href="https://www.amcharts.com/dataviz-tip-13-switch-horizontal-bar-chart-labels-dont-fit/">switch from a vertical to a horizontal bar chart</a>. Another quick fix is to turn the labels on their side. In amCharts 4 you do this with the <a href="https://www.amcharts.com/docs/v4/reference/label/#rotation_property"><code>Label.rotation</code></a> property on the axis. <code>categoryAxis.renderer.labels.template.rotation = 270;</code>
-
Wiveez: Simple Pie Chart
Pie chart is used to represent data series as part of the whole. Each slice in a pie chart represents a data item proportionally to the sum of all the items in the series. Pie chart is one of the most widely used chart types but is widely criticized as its difficult for people to compare items in this circular shape. <h2>Pie is a series</h2> Pie is a serial chart. Each collection of slices is a Pie series. [amb href="https://www.amcharts.com/docs/v4/chart-types/pie-chart/"]More about Pie chart[/amb] <h2>Intelligently laid out labels</h2> Slice labels are intelligently laid out in columns, so they do not overlap and are readable. Should you want labels positioned circularly around pie, just set series <code>alignLabels</code> to <code>false</code>.
-
Wiveez: Stacked Bar Chart
Stacked bar charts are useful to demonstrate how a larger data category is comprised of smaller categories, and what part each of the smaller categories plays in the total of a larger one.
-
Donut chart
Donut Chart (also known as Doughnut chart) is a variation on a <a href="https://www.amcharts.com/demos-v4/simple-pie-chart/">Pie chart</a> except it has a round hole in the center which makes it look like a donut, hence the name. This empty space can be used to <a href="https://www.amcharts.com/demos-v4/animated-time-line-pie-chart/">display additional data</a>. <h2>Configurable inner radius</h2> To make a donut chart out of a regular pie chart, we simply need to set <code>innerRadius</code> property of the chart. It can either take relative percent value, or fixed pixel radius.
-
WIV data generator (EPICS)
No-Library (pure JS), HTML, CSS, JavaScript
-
rbsgp945
No-Library (pure JS), HTML, CSS, JavaScript
-
maf70ub1
No-Library (pure JS), HTML, CSS, JavaScript
-
k2Lr05cf
No-Library (pure JS), HTML, CSS, JavaScript
-
SCSS
jQuery 3.3.1, HTML, SCSS, JavaScript
-
5tcq7mba
No-Library (pure JS), HTML, SCSS, JavaScript
-
szjd7w21
No-Library (pure JS), HTML, SCSS, JavaScript
-
L77fbjyo
No-Library (pure JS), HTML, CSS, JavaScript
-
t4svvhsz
No-Library (pure JS), HTML, CSS, JavaScript
-
Pause YouTube playback after X seconds
YouTube IFRAME API reference: https://developers.google.com/youtube/iframe_api_reference Associated StackOverflow question: http://stackoverflow.com/questions/14152415/use-youtubeapi-to-play-youtube-video-until-a-particular-time-and-pause