JSFiddle

Diogo's public fiddles

• 3xrdpt1d

  Zepto 1.0rc1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Stock Events

  Our Stock chart can display different kind of annotations on the graph or on the axis. These annotations or stock events as we call them can mark important news or events connected to the security or bond. As you see, there is a wide variety of event types - they can look like a flag or sign or pin and have a letter inside or even contain more text. When user rolls-over the event, you can show a more detailed description or register this event and display some information outside the chart. The events are nicely stacked one on another if there is more than one for the same date. <h2>Chart Scrollbar with a graph inside</h2> In the bottom (it can also be on the top) of the chart you have a chart scrollbar which can be used to zoom-in or zoom-out the chart. This scrollbar can be just a simple one or have a graph inside it to show a rough view of how data changed over the whole period of the data available.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Hide header on scroll down, show on scroll up

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Minimalistic ScrollSpy

  jQuery 2.2.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 0m0bt8ke

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 15hmoegh

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Checkbox + Textarea

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

• Private fiddle Extra
• Delete fiddle
Groups Extra