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.