Adelaide's public fiddles
-
vnzy96en
jQuery Compat (edge), HTML, CSS, JavaScript
-
Leaflet - geosearch example
No-Library (pure JS), HTML, CSS, JavaScript
-
Handlebars JS Example 1
No-Library (pure JS), HTML, CSS, JavaScript
-
Handlebars JS Example 1
jQuery 1.9.1, HTML, CSS, JavaScript
-
juao257d
No-Library (pure JS), HTML, CSS, JavaScript
-
vs98e80y
No-Library (pure JS), HTML, CSS, JavaScript
-
MetricsGraphics.js
Data points of rain in inches by month since 1892
-
vru404ny
D3 3.x, HTML, CSS, JavaScript
-
mc3d2qzt
D3 3.x, HTML, CSS, JavaScript
-
line chart with ChartJS
No-Library (pure JS), HTML, CSS, JavaScript
-
angular nvd3
jQuery 1.9.1, HTML, CSS, JavaScript
-
ch028Lk7
jQuery 1.9.1, HTML, CSS, JavaScript
-
Horizontal Stacked Bar Chart for D3.js
D3 3.x, HTML, CSS, JavaScript
-
Horizontal Paired Bar Chart
Flip vertical to Horizontal
-
2syL048y
jQuery 1.9.1, HTML, CSS, JavaScript
-
Reversed Value Axis
Values on value axis can be reversed - the smallest value will be on top and the biggest - in the bottom. This is mostly used to show the positions of sport events and similar. <h2>Smart legend markers</h2> Instead of displaying rectangle or some other shape, the legend can automatically create legend marker which would repeat the graph style - use it's line color/thickness and bullet style.
-
8o6ur2cm
No-Library (pure JS), HTML, CSS, JavaScript
-
A three dimensional and space efficient menu.
Meny, Move your mouse towards the arrow — or swipe in from the arrow if you're on a touch device — to open. Test it with any page by appending a URL, like so: lab.hakim.se/meny/?u=http://hakim.se.
-
AngularJS and Reveal.js slideshow
AngularJS 1.1.1, HTML, CSS, JavaScript
-
Dimple.js with Reveal.js
Example for StackOverflow