JSFiddle

Levente's public fiddles

  • Simple Column Chart

    If you take a close look at this chart, you will notice that grid lines are above the columns - equally dividing them into segments. This is an optional feature, of course. It allows you creating the charts close to the ones described by famous data visualization guru, <a href="http://www.edwardtufte.com/">Edward Tufte</a>, in his book "The Visual Display of Quantitative Information". <h2>From columns to bars - one simple step</h2> Click EDIT button on top of the chart, and add this text to the source (anywhere within curly brackets): <strong>"rotate":true,</strong>. Run the script and... The columns should became bars, category axis should be vertical now and value axis - horizontal! This is the only property you change to make this trick. All our Serial charts can be rotated in the same way.

  • kdez58q9

    jQuery (edge), HTML, CSS, JavaScript

  • 6wywsva2

    jQuery 1.8.3, HTML, CSS, JavaScript

  • byx2d460

    jQuery 1.8.3, HTML, CSS, JavaScript

  • csw7kbnq

    jQuery (edge), HTML, CSS, JavaScript

  • uLpczo3d

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

  • Simple Pie Chart

    Our pie chart uses intelligent way to arrange it's labels so that they would not overlap. You can try adding even more labels by pressing EDIT button and adding more items to the data provider - the labels will be arranged so that they wouldn't overlap. Of course, at some big number of labels they can start overlapping, but in most cases you don't have this number of slices in pie chart. <h2>Grouping of small slices</h2> Our pie chart can group small slices into the "Others" slice automatically. Try add <strong>groupPercent:5</strong> to the charts config - you will see that the smallest slices are grouped into one now. This will also help to avoid overlapping labels, if you have really a lot of them.

  • RgNft

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

  • cudG2

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

  • Bubble Chart

    A bubble chart is a type of chart that displays three dimensions of data by position and size of the bullet. The main difference of bubble chart from serial chart is that both x and y axes are numeric - serial chart usually has one axis with strings or dates. <h2>Main features</h2> Our Bubble or XY chart is extremely powerful. Users can <a href="/demos/zoomable-bubble-chart/">zoom and scroll</a> the chart, it does support any number of value axes. We offer a number of predefined bullets - circle, rectangle, triangle, bubble, diamond or you can use custom images as bullets. Our bubble chart supports <a href="http://docs.amcharts.com/3/javascriptcharts/Guide">Guides</a> and <a href="http://docs.amcharts.com/3/javascriptcharts/TrendLine">Trend Lines</a>. With special bullet types <strong>xError</strong> and <strong>yError</strong> you can build <a href="/demos/xy-error-chart/">XY Error chart</a>.

  • 24PyA

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

  • 5VnxE

    jQuery 1.7.2, HTML, CSS, JavaScript

  • WLbBP

    jQuery 1.8.3, HTML, CSS, JavaScript