telescopest / telescope Goto Github PK
View Code? Open in Web Editor NEWTelescope is an engine for efficiently creating meaningful visualizations
License: MIT License
Telescope is an engine for efficiently creating meaningful visualizations
License: MIT License
Example
| visu |
(visu := TLVisualization new)
addNodesFromEntities: (1 to: 9);
layout:
(TLTreeLayout new
useOutgoingLinks;
leavesGap: 40;
levelGap: 20;
yourself);
addInteraction: (TLExpandCollapseNodesAction property: [ :n | (0 to: 9) collect: [ :i | n * 10 + i ] ]) onClick;
yourself.
visu styleSheet nodeLabel: #asString.
^ visu
Here I get the nodes in this order: 3 4 2 7 1 6 5 9 8
But when I expand a node, they are in the right order.
Instead of sending X commands.
Maybe we could have a circular layout including elements in the center. That would be really cool for the Name Cloud for example.
With this method if a node is a child of two nodes from different levels it will be on the right level.
Currently, we test only 32bit. Would be cool to also test 64bit.
I think we can find a way to put a node with a transparent background and border instead of raising an error.
If a framework does not remove the children of a composite by himself it should be managed in the connector and not the model.
For example:
| visualization secondNode firstNode thirdNode |
visualization := TLVisualization new.
visualization layout: (TLLinearLayout gap: 50).
firstNode := visualization addNodeFromEntity: 2.
secondNode := visualization addNodeFromEntity: 1.
secondNode styleSheet nodeLabel: 'Click on me!' position: #top.
thirdNode := visualization addNodeFromEntity: 3.
thirdNode hide.
secondNode
addInteractions:
{(TLHideAction on: firstNode) onClick.
(TLShowAction on: thirdNode) onClick}.
^ visualization
Here the visibility of thirdNode is set to false but the node appears during the rendering.
I don't have a reproducible case for now :(
I am not sure of the exact way to reproduce but I had this problem:
I have a composite node with composite nodes inside. I added an interaction of mouseOver to add some connections. The connections had no influence on the layout. But if the layout was update when we added the connections, a lot of nodes where update and the composites with no child inside were changed and took all the height possible.
I consider this as a bug because if a layout is updated while we did not added/deleted anything, it should not change the visualization.
In this demo if you go on the node "a" then click the node will stay red. It should turn back to orange when moving to the second group.
Cytoscape properties:
source-label : The text to display for an edge’s source label.
target-label : The text to display for an edge’s target label.
To add to the connections style.
I think it would be good to have some "groups". For example
Connection style
--------------------
--- Something
.... Something else
___ Something new
Border style
--------------------
…
Also it could be cool to be able to say way want columns when the legend is too big.
It's too much work when sometimes it is not needed.
The tests requiring baby mock 1 should move to baby mock 2.
When I save my image with Telescope I get a lot of key XX not found in Dictionary
errors because of the websocket.
See in Cytoscape #examplePathBuilder. When an entity change of group it is still the old label in the menu (but the action is right)
In the TelescopeOnWeb demo.
As we did for the node shape.
This happen because of the defensive strategy on the #expended of the Composite node. While we build the legend, the nodes are already in place but we create a requirement for a layout update.
I have a composite with node inside. Some nodes have connections. On mouseOver I add some style to the connections but the revert action is not called when I leave the drawable with the interaction.
Because this is not the right orientation for this kind of layout.
I used a #rightToLeft and the result is closer to the #topToBottom
This method does not seems to be used. Instead the #regularActionOn: and #reversedActionOn: are used.
Is there a case I miss? Is it still needed or is it an artifact from the past?
When we add a connection to a node we flag it for update. But when we delete a connection we do not flag it for update. Is that normal?
See for example demo CompositeExploringHierarchy
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.