3 ms·

Shameless plug: the design of this seems really similar to my own library paths.js. In both cases, the starting point is observing that nowadays people usually

by pathsjs 11y ago

Shameless plug: the design of this seems really similar to my own library paths.js. In both cases, the starting point is observing that nowadays people usually already use some framework to manipulate the DOM, so what is actually needed is some way of computing some description of shapes starting from the data (and suitable accessor functions). see https://andreaferretti.github.io/paths-js-demo https://andreaferretti.github.io/paths-js-demo

espeed 11y ago
Ah, this looks interesting. I have been looking for a library for visually representing, animating, and interacting with general data structures, such as various tree and hash algorithms (https://news.ycombinator.com/item?id=10572893 https://news.ycombinator.com/item?id=10572893).
pacomerh 11y ago
One thing, I was playing with the graph tree demo and it freezes after a few drags, every single time. Is this part of the demo?
- andreaferretti 11y ago
  Yeah, the graph chart is buggy, and advertised as such. I have been wanting to improve that for a while, but I did not find the time yet...:-(
- hanniabu 11y ago
  Can confirm this. Using latest Chrome.
huhtenberg 11y ago
Mind some nitpicks? :) It's not possible to put a sector back into the piechart by clicking on it again. So once you clicked on any sector, there's no way to go back to the original chart state. Using up/down arrows to change selection in comboboxes doesn't update the graph. Tree Chart has no animation on leaf expansion/collapse, so clicking, for example, on Grandma results in the graph transformation that's abrupt and not immediately obvious. There's also no way to tell collapsed nodes from those without children (leafs). Sankey Diagram could use some fade transitions to make highlighting less jarring.
- andreaferretti 11y ago
  Thank you for the feedback! Actually, the whole point of the library is to generate shape information based on data, and the actual rendering is left to the user. So the demo is left as an example, and I don't want to add too many features, because it would make the example more complex to follow

by pathsjs 11y ago

espeed 11y ago

Ah, this looks interesting. I have been looking for a library for visually representing, animating, and interacting with general data structures, such as various tree and hash algorithms (https://news.ycombinator.com/item?id=10572893 https://news.ycombinator.com/item?id=10572893).

pacomerh 11y ago

One thing, I was playing with the graph tree demo and it freezes after a few drags, every single time. Is this part of the demo?

andreaferretti 11y ago
Yeah, the graph chart is buggy, and advertised as such. I have been wanting to improve that for a while, but I did not find the time yet...:-(
hanniabu 11y ago
Can confirm this. Using latest Chrome.

huhtenberg 11y ago

Mind some nitpicks? :) It's not possible to put a sector back into the piechart by clicking on it again. So once you clicked on any sector, there's no way to go back to the original chart state. Using up/down arrows to change selection in comboboxes doesn't update the graph. Tree Chart has no animation on leaf expansion/collapse, so clicking, for example, on Grandma results in the graph transformation that's abrupt and not immediately obvious. There's also no way to tell collapsed nodes from those without children (leafs). Sankey Diagram could use some fade transitions to make highlighting less jarring.

andreaferretti 11y ago
Thank you for the feedback! Actually, the whole point of the library is to generate shape information based on data, and the actual rendering is left to the user. So the demo is left as an example, and I don't want to add too many features, because it would make the example more complex to follow