JSFiddle

Dario's public fiddles

• Basic Bootstrap Carousel

  Basic Bootstrap Carousel

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Carrusel

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drill-down to countries

  This demo shows how a country map can be loaded dynamically when needed. Click on any colored country: the map will zoom in on it then load and display the country map for it. amCharts 4 comes with maps for over 170 countries, with new maps being added constantly.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• US heat (choropleth) map

  Using our mapping tool you can easily create heat (or as BI-centric folks like to call it, <a href="https://en.wikipedia.org/wiki/Choropleth_map">choropleth</a>) maps. You only need to set light and dark color, and if your areas/countries/states has value assigned, the map will automatically choose intermediate color corresponding its value.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drill-down to countries

  This demo shows how a country map can be loaded dynamically when needed. Click on any colored country: the map will zoom in on it then load and display the country map for it. amCharts 4 comes with maps for over 170 countries, with new maps being added constantly.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• US heat (choropleth) map

  Using our mapping tool you can easily create heat (or as BI-centric folks like to call it, <a href="https://en.wikipedia.org/wiki/Choropleth_map">choropleth</a>) maps. You only need to set light and dark color, and if your areas/countries/states has value assigned, the map will automatically choose intermediate color corresponding its value.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Sorted bar chart

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bar and line chart mix

  Mixing bar and line chart in the same visual is a good way to emphasize the difference between series while still maintaining their relationship. In amCharts 4 it's as easy as adding different type of series to an <code>XYChart</code> (in this case <code>ColumnSeries</code> and <code>LineSeries</code>)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Sorted bar chart

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ptw8grez

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 5n0z62me

  jQuery 3.3.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 06qf3eLs

  AnyMap - Choropleth

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Lcqkvw5x

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• bcwm7nth

  Map Argentina

• Private fiddle Extra
• Delete fiddle
Groups Extra
• shf5ymnu

  Map América del Sur

• Private fiddle Extra
• Delete fiddle
Groups Extra
• fzdvz2ba

  LED

• Private fiddle Extra
• Delete fiddle
Groups Extra
• f2m8ux57

  Linear Gauge

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 9b8hgy9a

  Thermometer

• Private fiddle Extra
• Delete fiddle
Groups Extra
• pmhdtzdd

  Cylinder Gauge

• Private fiddle Extra
• Delete fiddle
Groups Extra
• xhLo4v1w

  Angular Gauge

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• ▶︎
• 3