links.lmorchard.com - #svg

The Fall and Rise of SVG

Sat, 05 Dec 2015 17:02:49 +0000

Now that SVG is widely supported and native to browsers, the art of using it is more connected to the surrounding web technologies that it can now interoperate with in HTML5

Tags: #graphics #imported:pinboard #svg #webdev

The Fall and Rise of SVG

Sat, 05 Dec 2015 17:02:49 +0000

Now that SVG is widely supported and native to browsers, the art of using it is more connected to the surrounding web technologies that it can now interoperate with in HTML5

Tags: #graphics #svg #webdev

canvg - Javascript SVG parser and renderer on Canvas - Google Project Hosting

Fri, 20 Sep 2013 17:03:29 +0000

canvg is a SVG parser and renderer. It takes a URL to a SVG file or the text of an SVG file, parses it in JavaScript, and renders the result on a Canvas element. The rendering speed of the examples is about as fast as native SVG.

Tags: #canvas #graphics #html5 #imported:pinboard #svg #webdev

canvg - Javascript SVG parser and renderer on Canvas - Google Project Hosting

Fri, 20 Sep 2013 17:03:29 +0000

Tags: #canvas #graphics #html5 #svg #webdev

Two.js

Fri, 17 May 2013 18:41:36 +0000

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.

Tags: #animation #graphics #imported:pinboard #svg #webdev #webgl

Two.js

Fri, 17 May 2013 18:41:36 +0000

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.

Tags: #animation #graphics #svg #webdev #webgl

bl.ocks.org - 1377729 - Force-based label placement

Sat, 19 Nov 2011 19:09:02 +0000

A small demo of a pleasant, yet simple label placement algorithm for densely packed visualizations. The basic idea is to have labels orbit around their target node at a fixed distance, but repeal each other, so that they don't overlap, and orient themselves to the outside of clusters. To support that, labels on the right of their target node are left-aligned, and labels on the left of their target node are right-aligned; in between, we interpolate. In this example, one force layout governs the node placement, and the second one the label placement, but of course, the node placement could be computed by any other algorithm.

Tags: #graphics #javascript #svg #webdev

Accessibility is a harsh mistress [dive into mark]

Mon, 15 Jun 2009 00:18:11 +0000

"When I was an accessibility architect at IBM, I assisted in the final stages of ensuring that Eclipse’s Graphical Editing Framework was fully accessible to blind people. ... During one particularly difficult teleconference, an Eclipse developer muttered something like, “You realize no one is ever actually going to do any of this, right?” There was an awkward silence as the people who had spent their lives in the trenches of access enablement contemplated the very real possibility that no one would ever benefit from their work."

Tags: #accessibility #graphics #svg #webdev

Sam Ruby: Interface Constraint - Visualized

Sat, 07 May 2005 00:16:56 +0000

"Not knowing anything about SVG, I created this picture using only vim."

Tags: #nifty #svg #xml

Inkscape: Vector Graphics for the Masses

Thu, 05 Feb 2004 14:44:36 +0000

Tags: #svg