Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.
]]>
To do this, it needs to have access to the individual pixels of the images it's operating on -- which is why for jQSlickWrap to work, you need to have a browser that supports HTML 5's new canvas element. Here's an overview of the algorithm: 1. If necessary, pre-load the image. 2. Determine the CSS styles for the image (float and padding). 3. Create a canvas element and set its dimensions to the size of the image plus its padding. 4. Draw the image onto the canvas in the top-left location. 5. Figure out the "background" color of the image by examining the pixel data at the top-left corner of the image. 6. Fill the canvas with this background color.
]]>
A Sunburst visualization is a radial space-filling visualization technique for displaying tree like structures. There are other space-filling visualization methods that use other visual encodings for describing hierarchies. For example, the Treemap is a space-filling visualization that uses “containment” to show “parent-child” relationships.
]]>Made with CAKE, so only works on browsers that have canvas support (Firefox 2 , Safari, Opera 9.5.)
an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard
Enable open web technologies in Internet Explorer Google Chrome Frame is an early-stage open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. With Google Chrome Frame, you can: * Start using open web technologies - like the HTML5 canvas tag - right away, even technologies that aren't yet supported in Internet Explorer 6, 7, or 8. * Take advantage of JavaScript performance improvements to make your apps faster and more responsive.
One challenge developers face in using these new technologies is that they are not yet supported by Internet Explorer. Developers can't afford to ignore IE—most people use some version of IE—so they end up spending lots of time implementing work-arounds or limiting the functionality of their apps.
]]>
]]>
Processing for the Web is a proposed Mozilla-sponsored initiative to create a complete and robust port of the Java-based Processing language and environment (popular for art, design, and visualization applications) to the open web, using standard technologies such as JavaScript, Canvas, etc.
]]>
]]>
]]>
Viewji is a clone of NodeBox in Javascript, using the HTML 5 canvas edit
I'm pretty sure that textile is the right way to produce content for the web, and that WYSIWYG editors are bad for your website. But editing a large chunk of textile using a textarea is not fun. I usually use Textmate to edit textile content, and wanted to reproduce the same feeling inside a browser. The best online text editor is currently Bespin and I gave it a try. Unfortunately, the current state of bespin make it pretty difficult to embed the editor itself in a standalone way. Moreover I needed specifics features like 'soft wrap' that is totally required to edit some textile content. So I took the Bespin way, and started to hack using javascript and HTML5 canvas to create a simple, standalone and totally embeddable textile editor for the web.
A GPS tracker, complete with visual display of your recent waypoints, that would continue to work if your phone reset, powered off, or lost network connectivity half way through your hike. Build it fast, simple – and entirely web-based without any native code.
]]>
]]>
]]>
]]>
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas