Graph-ic.org

Trying to do things.

Page 2 of 3

Going to live again

January 8, 2015 / / 0 Comments

I’ve been on holiday about a month, and I tried to forget everything about IT.

I have a few days left yet to start working again but, it was time to try to do things with rack again.

Now I tried a different approach to cable management experiment. What I was trying was too hardcore, so I take a look to some library and I found interact.js. Probably, if somewhere I finish rack, will use a lot this library. Almost everything I have in my mind for the ux is covered with interact.

What I’ve done this time:

http://www.graph-ic.org/svg-experiments/interact/index.html

The same experiment like the old one for cable management, you can grab any final point of the quadratic bezier curve to any position and the cable goes along.

I’ve only one fixed point as middle component of the quadratic curve, I have to study the physic of the cables to make it move as it should.

This week.

November 24, 2014 / / 0 Comments

This week I’ve been in jssummit. Is the second conference, the first one was csssummit, that I go from the people of enviromentsforhumans.  The great think about this kind of conferences its that are online, it’s expensive but the talks are really great, I’ll try to repeat the next year.

And what happens with my experiments? Well, I have more ideas, more things to try,  less time. One of the things that make me stop with my actuals experiments where the discover of Sharejs.

Sharejs is an Operational Transform library, It let you share your documents online between navigators. In my work, the developers guys did something similar with a faye server, but this new approach seems really interesting. Integrates the synchronization mecanism into a node server.  Joseph Gentle, the guy that program this library, said that its not madure enought to put in production, but still I wan’t to try something.

One of the new ideas is WAY (Where Are You?). The idea its to have a map, google maps actually but I pretend to exchange with openlayers, where you been positionated using geolocation api and the other people that came to the web are also geolocalizated. And show a lines between points with the distances. It’s only a toy but It could be a great prototype for a real product.

I’m still trying to understand the library, so the experiments are still in beginning stages so nothing to show yet.

In my other line of experiments, I have found another interesting library, Interact.js. Look at SVG examples, could be a fast way to obtain the cable functionality I wan’t to rack.

Experiment with cables

November 9, 2014 / / 0 Comments

One of ideas that I want to implement in Rack is a cable management. How and where are connected and so on. I also have the idea of give them some semantic meaning. What for? If I can give some semantic, they will not be only lines, they will be cables, that connect A with B. So I can make alerts, or see what happen if I disconnect a cable.

The first step was to create a bezier curve (a simple one) and try to control one of their points with the mouse.

https://www.graph-ic.org/svg-experiments/cables/index.html

As you may notice, this only works if you put your navigator in a full hd screen at full screen. What’s this for? Because the mouse coordinates are in navigator coordinates and the point coordinates are in svg coordinates, which are related to the viewBox size.

I have to make scale one coordinates to another to make it works as it should, but I have to sleep, so it have to wait until tomorrow or whenever.