N625316062_679927_3136

Graph Lines

by Nathan McGinness Pro Oct 19, 2011
Graph-lines
1 bucket
Tweet
178 views
http://drbl.in/cfGl
Icon-colordrop

Tags

  1. 1
  2. 1
  3. 1
  4. 1
  5. 1

3 Responses

  1. Pro N625316062_679927_3136 Nathan McGinness

    Playing with some CSS3 and SVGs.

    7 months ago

  2. Pro Headshotsq400 Jon Gold

    Using a framework like HighCharts or Raphael?

    6 months ago

  3. Pro N625316062_679927_3136 Nathan McGinness

    Hey Jon,

    In this case the circles are list items, with absolute positions, and hidden content inside (which animate in with CSS3 on hover).

    The graph lines are pure SVG (polyline). Saved out some vector drawings from Illustrator to get me started.

    I've used Raphael in the past (it's pretty great) which could be handy if I was actually generating this dynamically. I've also used http://g.raphaeljs.com/ in the past, which is handy, but could be better documented.

    6 months ago

keyboard shortcuts: ← previous shot → next shot L or F like