JSFiddle

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