Grasshopper

algorithmic modeling for Rhino

SVG Export

Preliminary results of exporting polylines to svg using python in Grasshopper.
you can see a live example here:
http://benjamingolder.com/static/files/dynamic_example.html

Comment

You need to be a member of Grasshopper to add comments!

Join Grasshopper

Comment by Hiram Boujaoude on February 28, 2012 at 12:10pm

very cool!

Comment by Benjamin Golder on February 28, 2012 at 10:56am

Hi Arthur. Thanks! It was nice to meet you too. No video tutorials yet, I've barely started this project. I want to get more of the code worked out before I start making any tutorials for it.

Comment by Arthur Mamou-Mani on February 28, 2012 at 10:07am

Hi Ben, back to work I can see :) This is brilliant, any video tutorial?

It was great to meet you in TA. See you again soon for Gin and Burger!

Comment by Behnood Eghbali on February 28, 2012 at 9:42am

super cool ;)

Comment by Marios Tsiliakos on February 28, 2012 at 7:17am

Yeah, I was hoping you would answer that it was the raw output. Well, I was curious about the rollover effect. Looking forward to the arbitrary attributes..

Comment by Benjamin Golder on February 28, 2012 at 6:15am

also, here's where the code lives: https://github.com/bengolder/gh-svg

Comment by Benjamin Golder on February 28, 2012 at 6:13am

Nay Soe: svg is a text-based file format for vector data that can be read my most vector-editing software (Illustrator, etc.) as well as displayed in most web browsers. It's an open source and common file format, which means that there are a lot fo plugins and software for editing or reading it.

But my primary motivation for creating this was to better connect 3d model illustrations to online interfaces. With a little bit of javascript or css, geometry outputs from Rhino or Grasshopper can be very dynamic. For example, each piece of geometry could link to a new webpage, or could display associated information. This script was in part inspired by the d3.js javascript library, which makes excellent use of svg to create interactive data visualizations.

Comment by Nay Soe on February 28, 2012 at 5:26am

can i ask what svg is use for?

Comment by Benjamin Golder on February 28, 2012 at 3:31am

Well there's a little bit of post-processing: I wrapped it in an html page, and added about two lines of css to create the mouseover highlight effect. Next I'll look into embedding arbitrary attributes.

Comment by Marios Tsiliakos on February 27, 2012 at 4:30pm

ohhh! No post-processing there I guess.? Thumbs up. 

Translate

Search Grasshopper

Photos

  • Add Photos
  • View All

© 2014   Created by Scott Davidson.   Powered by

Badges  |  Report an Issue  |  Terms of Service