JSFiddle

pythk's public fiddles

  • ew1rzu56

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

  • Drill-down map

    Click on any continent - the map will be zoomed-in and then a country-level map will be displayed. You can easily create drill-down maps using our product.

  • Map image drill-down

    Map image drill-down is a typical scenario for widely used functionality such as "store locator" and alike. This demo shows multiple aspects of complex map solution: <ul> <li>External data with post-processing.</li> <li>Multiple map image series.</li> <li>Event handling with API manipulations toggling series and controlling map zoom.</li> <li>Heat rule functionality.</li> </ul> Click on any bubbles for drill-down effect.

  • Transport (metro) map schema

    This demos shows how we can use a simple <code>XYChart</code> with two <code>ValueAxis</code> divided in a virtual 100x100 grid and multiple <code>LineSeries</code> to implement a transport map schema.

  • Highcharts Demo

    author(s): Torstein Hønsi

  • r9x1cjp5

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

  • sdemg2az

    jQuery 3.1.1, HTML, CSS, JavaScript

  • Traceable Sankey Diagram

    Traceable Sankey Diagram is a specific version of the regular <a href="https://www.amcharts.com/demos/sankey-diagram/">Sankey Diagram</a> enabling viewers to see the whole path of some data by hovering over the chart.

  • Drill-down map

    Click on any continent - the map will be zoomed-in and then a country-level map will be displayed. You can easily create drill-down maps using our product.

  • Map image drill-down

    Map image drill-down is a typical scenario for widely used functionality such as "store locator" and alike. This demo shows multiple aspects of complex map solution: <ul> <li>External data with post-processing.</li> <li>Multiple map image series.</li> <li>Event handling with API manipulations toggling series and controlling map zoom.</li> <li>Heat rule functionality.</li> </ul> Click on any bubbles for drill-down effect.

  • Drill-down map

    Click on any continent - the map will be zoomed-in and then a country-level map will be displayed. You can easily create drill-down maps using our product.

  • Map image drill-down

    Map image drill-down is a typical scenario for widely used functionality such as "store locator" and alike. This demo shows multiple aspects of complex map solution: <ul> <li>External data with post-processing.</li> <li>Multiple map image series.</li> <li>Event handling with API manipulations toggling series and controlling map zoom.</li> <li>Heat rule functionality.</li> </ul> Click on any bubbles for drill-down effect.

  • Pictorial Stacked Chart

    Pictorial Stacked Chart is a spiced up variation on a regular stacked bar or column chart. It uses a meaningful subject-related image to frame the values of the whole divided into segments comprising that whole.

  • Multiple Date Axes

    <h2>Multiple axes</h2> amCharts 4 allows adding multiple axes of any type in any direction. This demo shows comparison of two line series from different periods. [amb href="https://www.amcharts.com/docs/v4/chart-types/xy-chart/#Multiple_axes"]More about multiple axes[/amb]

  • Range area chart

    Range Area Chart is a type of area chart where rather than starting on the axis, the area is represented by the space between two values. These charts are useful for displaying ranges of values, such as between minimum and maximum prices over a timespan, or projected values for the future when the projection is represented by a range instead of a specific value.

  • poLe9xwu

    jQuery 1.11.0, HTML, CSS, JavaScript

  • CRETA MAP

    CRETA MAP

  • VITISdb Region Map

    VITISdb Region Map

  • Zooming to Countries Map

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

  • Selecting multiple areas map

    Click on several states on the map - each state will change it's color. Using this feature you can easily create fun and interactive applications.