SVG-edit is an open source & web-based vector graphics editor application that is built with JavaScript.

Every image drawn generates a SVG output which makes integrating SVG-edit into any application & displaying the results easier.

It comes with a lot of features like:

• free-hand drawing
• lines, polyline, rects/squares, ellipses/circle, polygons/curved paths
• stylable text, align
• raster images
• select/move/resize/rotate
• undo/redo
• color/gradient picker
• layers
• draggable dialogs

The application is very handy for anyone who is looking for a customizable solution to enable users draw online where the output can be saved.

Some Random Dude, a blog on design & technology, is presenting a clean & stylish icon set named Iconic.

The set consists of 84 icons that comes in both .SVG & .PNG formats.

The PNG format has various sizes (8×8, 12×12, 16×16, 24×24 & 32×32 pixels) & 14 different colors already included.

JankoAtWarpSpeed is sharing a free kit for easier sketching & wireframing of websites / web applications.

The kit consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners.

It comes in .AI, .SVG, .PDF & .EPS vector formats and completely free for personal + commercial use.

Highcharts is a JavaScript charting library for creating interactive charts in various types (line, spline, area, areaspline, column, bar, pie & scatter).

The library offers a high-level of usability with features like:

• tooltip labels displaying info on hovered items
• zooming on a specific part of the chart
• text rotation on labels for a better readability

Highcharts has an admirable effort in browser compatibility. For standard browsers it uses the canvas element and in some cases SVG for the graphics rendering. In Internet Explorer, graphics are drawn using VML. Besides all major browsers, it works in iPhone & IE6.

The library is offered for free to be used in personal/non-commercial projects & requires a license for commercial ones.

Liquidicity is presenting these quality & free vector arrow icons.

There are 16 types of arrow icons (+ the rotations which equal to 64 icons).

Considering there are several types of arrows included, the set is very handy to be used in any type of design/application.

They can be downloaded as an Adobe Illustrator CS2 file or in SVG format.

Raphaël is a JavaScript library that facilitates using & creating vector graphics in websites.

It uses SVG & VML for creating graphics. As every graphic generated is a DOM object, you can manipulate them via JavaScript.

This graphics JavaScript library is very ideal for creating charts, images effects like rotation or reflection.

An example:

Creating graphics is much easier with Raphaël compared to writing everything from scratch as a circle can be created with:

paper.circle(320, 240, 50).attr({fill: "#223fa3", stroke: "#223fa3", "stroke-width": 3, "fill-opacity": 0.5});

The library currently works in all major browsers except Firefox 2 & it is still under development.