JSFiddle

Mike's public fiddles

  • PN MVP modeling

    No-Library (pure JS), HTML, CSS, JavaScript

  • PN MVP modeling

    No-Library (pure JS), HTML, CSS, JavaScript

  • Highcharts Demo

    author(s): Torstein Hønsi

  • PN MVP modeling

    No-Library (pure JS), HTML, CSS, JavaScript

  • Highcharts Demo

    author(s): Torstein Hønsi

  • Highcharts Demo

    author(s): Sebastian Bochan

  • Highcharts Demo

    author(s): Torstein Hønsi

  • Highcharts Demo

    No-Library (pure JS), HTML, CSS, JavaScript

  • Highcharts Demo

    No-Library (pure JS), HTML, CSS, JavaScript

  • Highcharts Demo

    author(s): Torstein Hønsi

  • Wind/polar chart SEO comp

    jQuery 3.2.1, HTML, CSS, JavaScript

  • Wind/polar chart SEO comp

    author(s): Torstein Hønsi

  • Highcharts Demo

    author(s): Torstein Hønsi

  • Sunburst D3 Demo

    Example of how you can use d3 to create a simple sunburst diagram based on basic flare data author(s): Piers Hollott

  • Sunburst D3 Demo

    Example of how you can use d3 to create a simple sunburst diagram based on basic flare data author(s): Piers Hollott

  • Stacked Area

    Our Serial chart supports stacked or <a href="/demos/100-stacked-area-chart/">100% stacked</a> areas. Technically, area graph is just a regular line graph with fill opacity set to some bigger than 0 value. This means you can easily switch from area to line only by modifying this property. And even more - you can simply change this area to smoothed-area or step-area chart by changing a single <strong>type</strong> property of <a href="http://docs.amcharts.com/3/javascriptcharts/AmGraph">AmGraph</a>. <h2>Hidden graphs</h2> Legend of our charts allows showing/hiding graphs by clicking on the legend item you want to hide or show. You can also define which of the graphs are hidden by default - notice, the "cars" graph is hidden at the moment the chart is loaded and you can show it if you click it's legend marker. <h2>Vertical lines and fills</h2> You can fill the area between two categories with some color, add annotation to it using Guides. The same guides are used to create a single-lines to mark some event. Guides can be added to both category and value axes.

  • Stacked Area

    Our Serial chart supports stacked or <a href="/demos/100-stacked-area-chart/">100% stacked</a> areas. Technically, area graph is just a regular line graph with fill opacity set to some bigger than 0 value. This means you can easily switch from area to line only by modifying this property. And even more - you can simply change this area to smoothed-area or step-area chart by changing a single <strong>type</strong> property of <a href="http://docs.amcharts.com/3/javascriptcharts/AmGraph">AmGraph</a>. <h2>Hidden graphs</h2> Legend of our charts allows showing/hiding graphs by clicking on the legend item you want to hide or show. You can also define which of the graphs are hidden by default - notice, the "cars" graph is hidden at the moment the chart is loaded and you can show it if you click it's legend marker. <h2>Vertical lines and fills</h2> You can fill the area between two categories with some color, add annotation to it using Guides. The same guides are used to create a single-lines to mark some event. Guides can be added to both category and value axes.

  • 100% stacked area chart

    Our Serial chart support 100% stacked or <a href="/demos/stacked-area/">stacked areas</a>. Technically, area graph is just a regular line graph with fill opacity set to some bigger than 0 value. You can simply change this area to smoothed-area or step-area chart by changing a single <strong>type</strong> property of <a href="http://docs.amcharts.com/3/javascriptcharts/AmGraph">AmGraph</a>. <h2>Images or any other HTML in balloons / tool-tips</h2> Balloons or tool-tips of our charts can accept any HTML. This means you can add images, tables, divs and format tool-tip content in any way you need. You can use custom fields from your data provider to create dynamic content of the balloon or even use your own custom method which would provide a tool-tip with a HTML code to be displayed.

  • 100% stacked area chart

    Our Serial chart support 100% stacked or <a href="/demos/stacked-area/">stacked areas</a>. Technically, area graph is just a regular line graph with fill opacity set to some bigger than 0 value. You can simply change this area to smoothed-area or step-area chart by changing a single <strong>type</strong> property of <a href="http://docs.amcharts.com/3/javascriptcharts/AmGraph">AmGraph</a>. <h2>Images or any other HTML in balloons / tool-tips</h2> Balloons or tool-tips of our charts can accept any HTML. This means you can add images, tables, divs and format tool-tip content in any way you need. You can use custom fields from your data provider to create dynamic content of the balloon or even use your own custom method which would provide a tool-tip with a HTML code to be displayed.

  • Highcharts Streamgraph

    jQuery (edge), HTML, CSS, JavaScript