xCharts is an open JavaScript charting library that is built on top of D3.

It works with using HTML-CSS + SVG to create good-looking and custom-data-driven charts with ease.

There is support for 4 chart types: bar, cumulative, line and line-dotted where the colors, text,dimensions can all be defined via CSS.

The data is provided as JSON and there are callbacks for events like mouseover, mouseout, click so that any interactions can be added.

There are very nice icon fonts out there, both free or paid, and they provide flexibility in several ways compared to using standard icons.

However, a major drawback is that icon fonts usually come as a single font file where we need to load the whole file to use few items.

You’ll remember Fontello that allows us to create custom icon fonts via a web interface. Font Custom, an open source tool, is a command line alternative for it.

Simply target the folder that has your SVG or EPS icons and it’ll generate the fonts.

Also, it’ll keep watching the folder in case you make any changes to the icons and will always keep the fonts up-to-date.

P.S. The rules in the CSS generated are named similar to Twitter Bootstrap which is nice for the fans of the framework.

Jim Knopf is a JavaScript library for creating SVG-powered knobs.

The library doesn’t require any JS frameworks and it comes with various built-in knob types.

Knobs created can be scaled completely (thanks to SVG) and their designs can be customized with CSS.

Also, they can be controlled with mouse, mousewheel, keyboard or touchpad and options exist for setting the min/max values, starting points and the angles allowed.

Here is a fresh and very useful icon font which can easily fit to any websites and apps: Ligature Symbols.

This free icon font consists of 200+ letters with items like actions, smileys and more. Also, a huge number of social icons are included.

The download pack has all the versions (SVG, EOT, TTF, WOFF) needed for cross-browser support and the styles needed to use it.

D3-Cloud is a beautiful and open sourced implementation of word clouds that are familiar from Wordle.com.

It is built with the D3.js library, uses HTML5 canvas for drawing the output and works asynchronously for a good performance.

The size of the cloud, font used, font-size, padding and more stuff can be customized.

Also, a web-based word generator with SVG + PNG downloads is provided.

Bonsai is an open source JavaScript library for creating graphics and animations.

The library renders the outputs using SVG and comes with an intuitive, feature-rich API.

There is support for creating simple shapes (rectangle, circle, ellipse, etc.) with specific functions and a path() function exists for drawing any custom shapes.

It is possible to apply colors, gradients and filters (grayscale, blur, opacity and more) to these shapes.

Many mouse (or touch) and keyboard events are already built-in to the library and they can be managed easily.

Bonsai has support for standard animations and also keyframe animations for setting up a series of consecutive animations.

And, lots of easing functions exist for using them inside the animations.

Just like "there is never too much icons", there is also never too much icon fonts and here is a new one.

Sosa is a free icon font with 120+ items under categories like web, social, e-commerce, forms, weather and more.

It comes in multiple formats: .ttf .eot .svg + .woff and can be consumed with @font-face CSS property.

jsDraw2DX is a standalone JavaScript library for creating any type of interactive graphics with SVG (and VML for old IE browsers).

Besides the ability to generate all basic shapes like line, rectangle, polygon, circle, ellipse, arc, etc., the library can draw curves, beziers (any degree), function plots, images and decorated text.

The library is object-oriented and its coordinate system + scaling can all be configured.

As it uses SVG, interactivity can be easily accomplished by manipulating the DOM.

P.S. jsDraw2DX is built by the creators of jsDraw2D which draws any shapes using JavaScript.

JustGage is a JavaScript-based solution for generating good-looking animated gauges.

It is built on top of Raphaël library for vector drawing, uses SVG, and it can scale-in-size perfectly.

The style of the gauges can be customized with colors (single or gradient), width-height and labels being on/off.

Also, it is possible to set min/max values, animation type on initial load and more.

Flash was the tool for creating interactive maps where we can hover or click any region and see details about them.

Right now, it is easier to create maps with JavaScript and, thanks to JS frameworks, it even gets much simpler.

jVectorMap is a jQuery plugin for creating such interactive maps very quickly.

It uses SVG as the map format and there are various ready-to-use map files provided. Also, using a vector graphics editor (like Adobe Illustrator), we can draw anything (like the map of a shopping mall), export it to SVG and add interactivity to it.

There are options provided for customization (colors, opacity, etc.) and callbacks exist on every level.

P.S. There is also a Python converter for creating map data from GIS files.

P.S.2 If you are in search of vector freebies, checks these vector images.