Posts Tagged ‘VML’

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.

jsDraw2DX

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.

  • Tags:
  • Filed under: Charts, Goodies, LGPL License
  • 0 Comments
  • JQVMap is a jQuery plugin for rendering vector maps by using SVG for modern browsers and VML for the rest.

    It is a heavily modified version of another plugin, jVectorMap, and comes with ready-to-use maps of "world, USA, Europe and Germany".

    There are several customization options for beautifying the maps including colors, borders or their opacities.

    jQuery JQVMAp

    Maps can have zooming enabled or not, show tooltips of data when hovered and there is callback for clicks.

    Also, it is possible to select any regions on initial load or after any custom event.

    JSGL is a JavaScript graphics library for drawing and moving vector shapes with ease.

    The library enables us to create and transform objects (using SVG/VML) dynamically.

    There are built-in elements like line, circle, ellipse, polygon, etc. and support for stroking and/or filling them with many customization options.

    Demos provided (PathFinder and NeuralNet) give us a strong opinion on the capabilities of the library.

    JSGL - JavaScript Graphics

    Spin.js is a tiny JavaScript library that enables us to generate loading/activity indicators without any images.

    It creates the UI with CSS3 (VML in Internet Explorer) and works in all browsers (even in IE6).

    Spin.js

    The spinners can be customized in several ways like setting the number of lines, their color, length, width, radius, speed of the animation and the trail effect. Such a flexibility ends up in many possible variations.

    And, Spin.js weights only 1.7kb gzipped which is smaller than an animated GIF file in most cases.

    P.S. Although, it is a standalone library, there is an optional jQuery provided.

    Elycharts is an easy-to-use and customizable library for creating charts with only JavaScript.

    The library supports most of the popular chart types including line, column, are, bar, pie, sparklines and combinations.

    Elycharts

    Elycharts comes with many interactions like mouse tracking and events, highlight of selected areas with various animations, tooltip and hints, html anchors and many more.

    Also, it can modify data dynamically with good-looking animations to display the change in charts.

    The charts are generated with SVG/VML and the library is built on jQuery + Raphaël.