These are chat archives for Sensorica/valuenetwork

25th
Jan 2016
Bob Haugen
@bhaugen
Jan 25 2016 00:05
The visualization is doable. We had a great JS graphics programmer working on it for a very short time, who had a lot of things on his mind, and didn't have time to finish before he moved on. I could work with somebody else who was really deep into JS graphics and we could get it done.
Chris Troutner
@christroutner
Jan 25 2016 01:00
The idea of doing it with a JavaScript (JS) library is a great idea. I've used amCharts.js and I know there is a similar open source visualization library out there too. (Can't remember the name off the top of my head). I don't have a very clear picture of the type of visualization we're trying to achieve, but if there is a JavaScript library out there that can do it, I can work it into the UI.
Maria Frangos
@mfrangos
Jan 25 2016 04:08
@christroutner I tried opening the svg file of the icon font included in the AdminLTE package but it opens blank both in Illustrator and in my browser. It would make my life a lot easier if I had the icons in either ttf or svg format. Do you have any idea where I can download these icons?
Bob Haugen
@bhaugen
Jan 25 2016 09:10
We've tried several js graphics libraries, including http://d3js.org/ with http://marvl.infotech.monash.edu/webcola/ to try to constrain it more.
Bob Haugen
@bhaugen
Jan 25 2016 09:15
It has never been successful. Needs to be more constrained vertically, but nobody's stepped up to do it.
And it might be better to start from scratch.
They work fairly well, could be improved.
We've also used http://philogb.github.io/jit/ for radial organization graphs which you can see here: http://nrp.sensorica.co/accounting/radial-graph/326/
They also need some work, but a couple of our friends are working on something a lot better, which you can see here:
And when they get it done enough, we thought we'd try to use that one.
And for pie and bar charts, we have just used google charts.
d3.js is the most capable, but complex, and some of its layouts don't "settle down" easily.
I thought the best visual for value equation income distributions would be a sankey diagram, which d3 offers. We used one of those in a companion project to NRP here:
There you can see a sankey diagram on the left, and a radial graph on the right.
In general, for complex javascript graphics, I think somebody needs to specialize in it.
It's a deep topic.
Bob Haugen
@bhaugen
Jan 25 2016 09:26
I've never had time to get good at it, and probably won't.
Almost forgot, in the old days, when sensorica was developing the Mosquito scientific instrument system, we used http://www.graphdracula.net/
In other words, a lot of experiments, none very successful.
The ones that get used a lot are the google charts and the timelines.
Maria Frangos
@mfrangos
Jan 25 2016 11:41
Thanks @bhaugen I'll take a look at these.
Chris Troutner
@christroutner
Jan 25 2016 21:52
@mfrangos I believe all the icons used in AdminLTE from either the Font Awesome or the ionicons libraries. You should be able to download the SVG files in those GitHub repositories.
Chris Troutner
@christroutner
Jan 25 2016 21:58
@bhaugen I noticed that the API for People lists Projects as children of each Person. I like how I can click on the API link for each project, like this one for the PV characterisation for Abran Khalid. However, each Project does not list the People associated with it.
I think it would be advantageous if the Project also listed the People associated with it as children. That way a GET request for a Project could link to the People associated with it, just like how we can now access the Projects associated with People.
Is there another way to get this data?
Chris Troutner
@christroutner
Jan 25 2016 22:05
Good news everyone! I just got Backbone.js, Require.js, and the AdminLTE template to all play nice together. There's nothing visual to show off yet, but I now have a basic foundation upon which to build Maria's wireframes.
Maria Frangos
@mfrangos
Jan 25 2016 22:05
Awesome!
Bob Haugen
@bhaugen
Jan 25 2016 22:19
@christroutner
I think it would be advantageous if the Project also listed the People associated with it as children. That way a GET request for a Project could link to the People associated with it, just like how we can now access the Projects associated with People.
Is there another way to get this data?
I'll make something happen by some time tomorrow and let you know.
The number of people associated with a project can be pretty big.
I'll try a couple of different ways and see what looks reasonable.
Chris Troutner
@christroutner
Jan 25 2016 23:31
@bhaugen Perhaps you could paginate it, like it does for People. Each Project could show 10 people and then include a 'next' URL, like the People API