background preloader

15 Awesome Free JavaScript Charts / JavaScripts / Splashnology - Web Design and Web Technology Community

15 Awesome Free JavaScript Charts / JavaScripts / Splashnology - Web Design and Web Technology Community
inShare11 Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are many ways you can plot data, but here I have included 15 Awesome Free JavaScript Charts In Your Sites/Blog Pages which serves as a easy Charting solution. FusionCharts – Delightful JavaScript Charts for your web & mobile apps FusionCharts Suite XT gives you delightful JavaScript charts that work across devices and platforms. Website: Trial: RGraph: HTML5 & Javascript charts for your website RGraph is a charts library written in Javascript that uses HTML5 to draw and supports over twenty different types of charts. RGraph is free to use on non-commercial websites such as personal blogs, educational or charity sites. Website: InfoVis

Sparklines for Excel Your OWN Weekly WordPress Blog Tired of all those lousy replicated websites that never make anyone any money except the person selling access to them? We know you have been hearing about the power of niche blogging for some time but may be confused about the terminology, technology and operations. You might not know where to begin with writing a post, or feel a little sheepish about finding or writing good quality content. Are you tired of your pro blogging friends earning money while you sit on the sideline? Imagine for a minute you could have a weekly ghost writer adding fresh optimized niche content to a blog written in your name. All the work done on auto pilot with a site that is not only reader and search engine friendly, but a part of a system that almost guarantees it's rapid growth. Please read our common questions and solutions to see if it's right for you So what makes this different from those 'replicated' sites? Let's go through the Benefits One by One Do you need to have an understanding of operating a Blog?

Coda Popup Bubbles In particular, Jorge Mesa writes to ask how to re-create their ‘puff’ popup bubble shown when you mouse over the download image. In essence the effect is just a simple combination of effect, but there’s a few nuances to be wary of. How to Solve the Problem To create the puff popup bubble effect, we need the following: Markup that assumes that JavaScript is disabled. It would be fair to say that the popup would be hidden from the CSS.The hidden popup, correctly styled for when we make it appear.jQuery to animate the puff effect on mouseover and mouseout. The biggest trick to be wary of is: when you move the mouse over the popup, this triggers a mouseout on the image used to trigger the popup being shown. I’ve provided a screencast to walk through how create this functionality. Watch the coda bubble screencast (alternative flash version) (QuickTime version is approx. 23Mb, flash version is streaming) View the demo and source code used in the screencast HTML Markup jQuery Mouse Over Mouse Out

The Internet's Library of Economic Statistics | Data Visualization Techniques The author's posts are entirely his or her own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz. Rob and Duncan are currently in Seattle, with this week full of interviews of SEO consultants for our US office. Since the announcement in February, we have been working flat out with a bunch of new clients and dealing endlessly with the US immigration service. With people on the ground, I guess we're now officially participating in the American dream, so to celebrate I'm going to spell Visualization with a z throughout this post. I can't guarantee full American spelling for everything I'm afraid - muscle memory is a powerful thing. Anyone who has heard me speak will know about my love of data. I expect that everyone in SEO has spent at least some time recently thinking about data visualization techniques. 1. Over the weekend, I had a bit of a think about what kind of data I wanted to be able to visualize. 2. 3. I'm not a designer. 4. 5. Source: LocateTV

2 Gain Sales - Building a Buzz For Your Biz 2008 - A Year of Awesome JavaScript Games It's been a great year for JavaScript games. It looks like DHTML and canvas-based games are now capable of taking over some of the areas where Flash used to dominate. Many people have been building remakes of classic video games like Super Mario, Pac-Man, Breakout, Space Invaders, Bomberman or T&C Surf Designs. Others took the old arcade traditions and applied them to their own ideas, giving us cool games like Matt Hackett's Spacius, Mark Wilcox's Invaders from Mars, VertigoProject's RedLine Racing or a twist on the classic Tetris game. We've even seen some roleplaying games, like the very cool Tombs of Asciiroth or the more graphical CanvasQuest by Andrew Wooldridge and the Prototype based ProtoRPG by Pierre Chassaing. 2008 also saw a few libraries for JavaScript / DHTML game development pop up, most notably GameJS (pictured to the left with its demo game, Jetris) and GameQuery, the latter being an extension to the popular jQuery library. Demos Emulation Graphics Audio Odds and ends

10 Useful JavaScript Solutions for Charts and Graphs | DJDESIGNERLAB - Find All Your Design Inspirations From This Laboratory The visual structures such as Graphs and Charts are a valuable presence in web development. The visual structures can easily simplify complex data and output that can be chosen to put a list of JavaScript graphs. Today we present 10 such JavaScript solutions for Charts and Graphs to make easy your website development much easier. JS Charts JS Charts is a JavaScript chart generator that requires little or no coding. jQuery Visualize The Visualize plugin parses key content elements in a well-structured HTML table, and leverages that native HTML5 canvas drawing ability to transform them into a chart or graph visualization. Highcharts Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. jqPlot Computation and drawing of lines, axes, shadows even the grid itself is handled by pluggable “renderers”. TufteGraph PlotKit PlotKit is a Chart and Graph Plotting Library for Javascript. jQuery Sparklines Raphaël

extremely useful PHP classes PHP PSD Reader A few weeks ago, I wrote an article about this PHP which allow you to display any Adobe PSD file on screen. Very usefull to create preview of PSDs designed for clients, for example.Download Browser detect One of the most common (and boring) problem for front-end developers is definitely cross-browser compatibility. Akismet Remember those days without spam? ADOdb The large majority of websites and web apps are using databases to store all kinds of data. HTML Purifier As it name tells, HTML Purifier is a PHP class created to help you writing a better code. Google charts API Charts are very useful and highly asked by clients, but they can be a lot of work. pChart pChart is another chart class, and it is as good as Google charts API. PHP Excel Excel documents are highly popular in the corporate world. Country from IP Some websites are able to detect your location and automatically display information related with your language. Cache Manager WPGet

12 Insanely Awesome Javascript Effects Alright, have you ever seen these effects? Awesome, stunning and cool javascript effect! It's part of the chrome experiment and it's amazing. When I first look at it, I was like, whoa, that couldn't be done with flash few years ago! I have chosen 12 of them that I really like, and I hope you will enjoy them. Best view with google chrome, firefox or Internet explorer will be a little bit laggy or could not run at all. Canopy Canopy is a fractal tree zoomer, vector style. A kind of kaleidscope made only of filled circles with opacity.

Gephi, an open source graph visualization and manipulation software JpGraph - Most powerful PHP-driven charts Algorithm Ink | Aza Raskin What is Algorithm Ink? How to use? Read the Context Free documentation, or just browse some of the other pieces of art and look at their source code. Here's an example to get you started: startshape twoshapes rule twoshapes{ CIRCLE{s .5} SQUARE{x 1} twoshapes{y .2 s .5 b .1} } This draws a circle of scale 1/2 at the origin and square one space to the right. Get The Source & Help Out You can download contextfree.js and go wild.