pxfunc's public fiddles
-
Year Calendar Day Picker
jQuery 1.11.0, HTML, CSS, JavaScript
-
Resolution Stats OWM
breakout stats for screen resolutions
-
kgf3uhcc
jQuery 1.11.0, HTML, CSS, JavaScript
-
rpmt57j5
jQuery 1.11.0, HTML, CSS, JavaScript
-
jqGrid export to excel example
jQuery 1.6.2, HTML, CSS, JavaScript
-
Bootstrap 3 Template
This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.
-
QM6re
No-Library (pure JS), HTML, CSS, JavaScript
-
Qwc2x
No-Library (pure JS), HTML, CSS, JavaScript
-
bCE3S
jQuery (edge), HTML, CSS, JavaScript
-
3D Bar Chart
Columns and bars in our charts can have a 3D look. You can adjust depth and angle to make them more deep - click EDIT button and play with depth3D and angle properties.
-
Angular Gauge With Two Axes
Our Angular Gauge chart can have any number of axes. They can start and end at any angle, with any value. Any number of arrows is supported, different arrow animation effects can be used.
-
Multiple Data Sets
Stock chart is a great tool which will save your time. It is designed to work mostly with financial data, but can be used for other purposes as well. Our Stock chart supports multiple data sets and has a ready to use data set selector (at the left, although you can adjust position to your needs). Data sets might be compared one to another. You can compare absolute values or percent values, as this is quite an often practice when dealing with prices of securities or stocks. <h2>Data grouping into longer periods</h2> If you roll-over the chart so that chart cursor would appear, you will notice that each data point represents one day. This is quite expected, as we provided daily data for this chart. Now, zoom-out to "year" view by clicking on the 1 year button at the bottom and roll over the chart again – now, data points jump at 7 days (one week) interval. Again, zoom-out to the max so that all the data is visible. One data point represents one month now! Did we had to provide data for the different periods? No, the chart did all the grouping itself. We recommend reading <a href="/tutorials/understanding-data-grouping-of-stock-chart/">Understanding data grouping tutorial</a> to get more information about this great feature.
-
Angular Gauge
Angular Gauge, or Speedometer chart is mostly used to show data which is shown using similar gauges in real life, like speed, volume equalizer, clock, etc. Our Angular Gauge chart can display multiple axes, multiple arrows, also show color bands on the axis.
-
Iteration Schedule
AngularJS 1.2.1, HTML, CSS, JavaScript
-
Iteration Schedule
AngularJS 1.2.1, HTML, CSS, JavaScript
-
ypQBS
jQuery (edge), HTML, CSS, JavaScript
-
bA42d
No-Library (pure JS), HTML, CSS, JavaScript
-
QcWn3
jQuery 1.9.1, HTML, CSS, JavaScript
-
Media Query (mobile to desktop)
jQuery 1.10.1, HTML, CSS, JavaScript
-
Media Query (desktop to mobile)
jQuery 1.10.1, HTML, CSS, JavaScript