Comments (8)
I'd like to take a stab at this tomorrow. @bergie do you have any high-level suggestions of how bind/listen to graph changes that won't be too heavy?
from the-graph.
I'll give you an example with the graph plugin API tomorrow.
Here is a nice example of a minimap:
http://www.civfanatics.com/gallery/files/3/4/8/4/3/SpaceRaceContest-start.jpg
from the-graph.
o/t:
the next version of the ui should run on that-level hardware
from the-graph.
(This could also be useful to preview a subgraph or collapsed group.)
from the-graph.
@forresto yeah, optimally the minimap could be reused for providing "thumbnails" of graphs, for example in the NoFlo UI project navigator, or maybe also when displaying a highlighted node that is a subgraph.
Minimap differs only from this "thumbnail" by the fact that it needs to show a square on where your viewport currently is.
Here was a rudimentary minimap implementation in original NoFlo UI, just showing a rectangle where each node would be: https://github.com/noflo/noflo-ui-server/blob/dataflow/assets/js/GraphManager/views.coffee#L135
from the-graph.
todo:
- redraw on graph changes. event from graph? or mutatation observer? 💥
- the-graph-thumb should use the json version of the graph, not the-graph 💥
from the-graph.
All of this ^ thrashing was because there was an older version of Polymer in gh-pages. Bleeding-edge fun.
from the-graph.
todo:
- work on viewrectangle
width
andheight
attributes on the-graph-editor to bind to
from the-graph.
Related Issues (20)
- Dragging to move nodes, create edges unreliable on mouse HOT 2
- Touch-only input broken HOT 3
- Missing dist/ in NPM package HOT 3
- Make icon map loadable via CommonJS HOT 1
- Cannot move viewport using thumbnail HOT 4
- `Nested transactions not supported` error HOT 2
- [Question] Do something on edge creation HOT 4
- editor.addErrorNode is not a function
- React16 port HOT 7
- Publish version with latest changes HOT 7
- Node.js tests failing HOT 10
- installing dependecies on linux fails HOT 2
- canvas-prebuilt dependency is no more HOT 2
- Roadmap of this Library HOT 1
- TS typing HOT 1
- Can't resolve 'fs' when using react component
- 'editor' is not defined, and unable to access editor methods in react hooks HOT 2
- Cannot read properties of undefined (reading 'length') HOT 3
- how do I use its `triggerFit` method in react 18? HOT 3
- Nav minimap can't drag properly
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from the-graph.