Forging SVG support. Anyone interested?

[Tor]

Hi guys

 

I'm working on a web application with support for drawing diagrams. I've looked into Raphael but I don't like the syntax and want to create a solution that is more in synch with MooTools.

 

So I'm thinking about writing an SVG plugin for MooTools and post it on Forge to perhaps get some added feedback but before I get too deep into development I'd like to run a couple of things by you guys.

 

First off I'm having to add Element support for SVG elements that as far as I can see is not supported at the moment because of the lack of namespace handling on Elements.

I'm currently solving this by adding a SvgElement class which is basically a copy of document.newElement and the Element constructor minus the support for IE8 and older that does not have SVG support anyways.

 

Secondly I need Drag support for these SvgElements which means the modifiers for the dragged element has to be x.baseVal.value and y.baseVal.value because of the nature of SVG elements.

Now I've again just made a copy of the Drag class and refurbished the code to support SVG. As a lazy developer I find this solution sufficient for the job but in every other aspect I feel like a butcher.

 

Is there a better approach I could take instead of the crude copy and paste and is there anyone else that have any interest in SVG support in the style of MooTools or is it a wasted endeavor?

 

Sincerely

 Tor Viktorsson

 Åskvigg

 

ps. Any MooTools users in Stockholm out there?

[Barry van Oudtshoorn]

Have you had a look at Art [1]? It's a MooTools project that's actually very stable -- I've been using a graphing library I built using Art in production for over two years now, without any issues. I'd probably start from there and build on that.

[1] https://github.com/sebmarkbage/art

Barry van Oudtshoorn
http://barryvan.com.au/
bvanoud...@gmail.com

--
 
---
You received this message because you are subscribed to the Google Groups "MooTools Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mootools-user...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Tor]

Thanks Barry!

 

I think you meant to link here https://github.com/kamicane/art . Not sure what's happening here but an uneducated guess is that the development of Art has moved along to CommonJs. I'm guessing using Prime with the elements and Art library could be a solution for the future though.

 

This is enough for me to assume that there is no additional need for an SVG plugin since Art has been around (under my radar) for years. What I'll do is streamline the working copy I've got now and perhaps in the future add the diagram manipulation code to Forge as a specific use case instead of as a library for generic SVG handling.

 

Tor Viktorsson 

[Erik Cervin Edin]

Not sure what you mean by diagrams or what you're trying to do, but have you checked out http://d3js.org/ or Highcharts

[Benjamin Kuker]

Hi Tor,

I created some MooTools SVG classes for a charts plugin for VM UI Framework that you might find helpful. Here's a gist of the SVG class, the charts code, and the docs and demos for the charts. It's not in the Forge, but feel free to expand on the SVG class if you'd like. I only added the stuff I needed, so I'm sure there are a few things missing.

-Benjamin

[Tor]

Thanks Erik!

 

I'm going to use a MooTools approach and won't be using a library with a different coding style at this point.

With that said I think I've got everything I need at the moment and my prototype is making progress.

 

The diagrams I'm making could be anything from simple mind maps to more advanced behavior trees for gaming AI but it's basically all rectangles and connectors.

That library looks great for visualizing large data though so I'll definitely keep it in mind for future projects.

[Tor]

That's great

I can see that we've both chosen a similar approach. I've settled on not making a generic SVG library though but will instead just implement the UI elements needed for the project I'm working on which is basically all rectangles with text and connectors and sub trees.

 

If there is a official SVG library for MooTools or even something added to Forge by you, Valerio, Sebastian or anyone else who's worked on managing SVG I'll be able to help out but at this moment I'm going to keep it simple and just target the problem I've got in front of me.

 

Again, thanx everyone who came with suggestions for libraries, I think I'm on the right path with the solution at hand.

 

/ Tor Viktorsson

[Benjamin Kuker]

It's canvas, not SVG, but is the NodeGraphJS forge plugin close to what you're trying to achieve?