SVG
Get flash to fully experience Pearltrees
circles
Paths – SVG 1.1 (Second Edition)
Contents 8.1 Introduction Paths represent the outline of a shape which can be filled, stroked, used as a clipping path, or any combination of the three. (See Filling, Stroking and Paint Servers and Clipping, Masking and Compositing .)
Once upon a time, there were three little circles. This tutorial shows you how to manipulate them using selections. Selecting Elements
Three Little Circles
Examples
This example demonstrates loading of CSV data, which is then quantized into a diverging color scale. The values are visualized as colored cells per day. Days are arranged into columns by week, then grouped by month and years. Chord diagrams show directed relationships among a group of entities.
Window 1 I am plumbed with a Bezier connector to Window 2 and a label, with Blank endpoints. Window 2 I am plumbed with a Bezier connector to Window 1, and a Bezier connector with Rectangle endpoints to Window 3 Window 3
1.3.5 demo - jQuery
Overview SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base. Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in a small library. Your SVG content can be embedded directly into normal HTML 5 or through the OBJECT tag. If native SVG support is already present in the browser then that is used, though you can override this and have the SVG Web toolkit handle things instead.
svgweb - Scalable Vector Graphics for Web Browsers using Flash
Dynamic Learning Maps
Paul Horner (Friday, 28th May, 2010 (2:27 p.m.)) I've been delving into the murky world of mind mapping solutions for use within Learning Maps. The existing freemind tool we're using is great - it allows us to draw the Dynamic Learning Map as a navigable mind-map really easily and I think it's fairly usable.
Vector Graphics Build Flexible, Lightweight XML-Based Images for ASP.NET Using Scalable Vector Graphics Dennis Forbes This article assumes you're familiar with HTML, ASP.NET, and C# Scalable Vector Graphics (SVG), a W3C graphics standard built around XML, is one of several vector graphics technologies that allows fast, lightweight drawings such as charts and graphs to be rendered on the fly in an appropriate viewer. There are many advantages to such vector graphics, including conservation of bandwidth and storage media, and flexibility.
Build XML-Based Images in ASP.NET Using Scalable Vector Graphics
While I was working on a HTML5 project I found this problem of creating SVG (Scalable Vector Graphics) elements dynamically in JavaScript. For example creating vector circles inside a for loop and adding them to the page. HTML5 supports inline SVG, so you can directly use <svg>your code</svg> inside <body> to create vector graphics.
Creating dynamic SVG elements in JavaScript « Joseph's RIA Lab
