GH-Python-SVG: Arbitrary attributes

The grasshopper svg scripts I'm working on now support arbitrary attributes for embedding into the svg.

live example: http://benjamingolder.com/static/files/bcn_example.html

In this picture, I've imported some subparcel shapefiles downloaded from Barcelona's city data download site, CartoBCN. I've moved the parcels up, in Grasshopper, using their 'nivell' attribute data, and then exported the shapes to svg, while retaining their original gis attributes.

This is a proof-of-concept for a workflow from GIS to Grasshopper to vector illustration and HTML and web browsers.

I've included some css to style the shapes, and some javascript that displays a window with two of their attributes.

The code and grasshopper definition are available on github, at http://github.com/bengolder/gh-svg

9 members like this

View Full Size

Tags:

Comment

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

Comment by DamienHarris on December 4, 2023 at 2:21am: They say that Python is the most basic language for development. But this is not always true when it comes to web portals for commercial use. I would share first place with programming for WordPress and PHP. You can see popular examples from the portfolio from this web development company sydney - https://www.shtudio.com.au/services/web-development/ I prefer to order a website from specialists with extensive experience because they provide guarantees and technical support for the project after the start of operation.

Comment by Benjamin Golder on April 17, 2012 at 9:04am: Arthur, I have other stuff in the works, and I'm still just focusing on python for now, instead of making true plugins for people who don't have Rhino 5.

I'm making a GIS exporter actually, along with easy ways of handling attribute data.

Comment by Arthur Mamou-Mani on April 16, 2012 at 11:46am: Looking good Ben and great to see how this GH-GIS-SVG-HTML stuff develops ! Will this be part of the next version of Finch by any chance? Hope all is well in BCN :)

Comment by Benjamin Golder on March 7, 2012 at 11:53am: Aha! Thanks Luis!

I keep forgetting that Firefox ignores the content of the svg and has a default height. It's probably different in Internet Explorer too.

Comment by Luis Fraguada on March 7, 2012 at 1:48am: Very nice! Something strange I noticed, maybe its just the machine I am on, but Firefox and Chrome display it differently at the moment. On the left, firefox, on the right, chrome...