GithubHelp home page GithubHelp logo

felixhayashi / tw5-tiddlymap Goto Github PK

View Code? Open in Web Editor NEW
819.0 63.0 122.0 28.04 MB

Map drawing and topic visualization for your wiki

Home Page: http://tiddlymap.org

License: BSD 2-Clause "Simplified" License

JavaScript 93.48% SCSS 6.52%
tiddlywiki tiddlywiki-plugin draw-maps concept-map wiki mind-map visualization knowledge-graph knowledge-graphs-embeddings knowledge-management

tw5-tiddlymap's People

Contributors

dependabot[bot] avatar felixhayashi avatar flibbles avatar hemu avatar ionshard avatar michaelballantyne avatar rcrath avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

tw5-tiddlymap's Issues

Parent.of child.of types of connections.

Letting the connections having a type can allow you to express complex relationships. Is not just about labels, maybe you want a label "property of" but you want to express that the linked node is "child of" the connected node. This can be visually represented by nodes sizes and text weight.

Hierarchical Graph Layout

Allowing to select an edgetype that defines a hierarchy (acyclic) and build the graph accordingly

Assign prefix to all tiddlymap classes

By @tobibeer

Also, not sure how much effort is involved, it would be helpful if all tiddlymap classed had a common class prefix assigned to them, e.g. t-map or some such, e.g.

t-map-graph
t-map-graph-btn
t-map-filterbar
t-map-filterbar-btn
t-map-tiddler-btn
t-map-popup-foo
etc...

...but don't sweat about it

Exporting views

Peter Miller wrote:

https://groups.google.com/d/msg/tiddlywiki/_KRy1WWlhHk/EY8eMaidp7UJ

I'd like to use TiddlyMap (formerly TaskGraph) as a simple layout tool and hence to be able to export a view rather than just the tiddlers. I see that you can save node positions but is there any way that you can save them to a tiddler, ideally with node relationships, so that you can use them with other tools and/or re-import a view?

Tiddler rendering as node icon

It would be nice if for certain views miniature renderings of tiddlers (as in Jeremy's Cecily) could be used as the representation of node. These would not be rendered every time the graph is re-drawn, but would be generated once (as a bitmap) and cached. The miniature tiddler views could be refreshed manually, either individually or all in a given view.

When generating the miniature renderings, it would make sense to have them generated so that at the zoom level a view is most likely to be viewed at there would be some useful information retained in the bitmap.

For additional flexibility, the use of miniature tiddler renderings for a view should not be an all-or-nothing switch - it should be a setting that can be enabled for all or only a subset of nodes.

Alternative live view with zooming on nodes

Actually it would be a great addition, to create an option for the live view where instead of showing the neighbourhood, all nodes and edges are always shown and the graph is only zoomed to the node which is currently focussed. Then you could also zoom outside to see the bigger picture. Have to think about that.

dynamically update "diving mode"

When a tiddler is opened in the main story, e.g. by clicking a link, and the graph in the sidebar is dynamic, "dive" to the current tiddler.

"What it should look like..."

First just: Please update the github link in the GettingStarted tiddler.

Ok, see screendump below. Other than having clicked "What it should look like.." in GettingStarted I have done nothing here (e.g I have not touched the sidebar tabs or changed river width).

I use FFlatest Win8.

temp_tiddlymap

Transclude prevents the editor bar from creating (typing) new tags

The taskgraph_graph.js creates the editor bar, which is a transclude of the currentview which is a transclude of the $:/plugins/felixhayashi/taskgraph/ui/graphBar tiddler which transcludes the $:/core/ui/EditTemplate/tags tag . Strangely I cannot write text into the editor bar's tag-editor.

However I listen to all changes (in particular: $:/temp/NewTagName). Selecting existing tags works. Only this doesn't?

Maybe you spot the mistake @Jermolene?

Felix

Connection Wizard Bug

I'm using version 0.6.4+1379 in Firefox on Windows 7.

When I initially click on the search bar, the highlighted "current tiddler" appears but so do several other extra nodes and edges. When I type something into the search bar, about half of these extra nodes and edges will disappear but the rest do not (none of them fit the actual search criteria). The map will zoom out and center on these extra nodes. Sometimes immediately after searching, I will start to zoom in on the "current tiddler" node so I can see it more clearly and the map will override me, zooming back out and centering on the extra nodes.

Management of edge-types

  • Deleting an edgetype as a whole (results in a deletion of all edge instances of this type)
  • Renaming an edgetype (e.g. when accidentally created a wrong name or if name is not suitable anymore)
  • Define Edge properties like has an arrow or is dotted; which color etc. this is related to #4. The Edge manager should be displayed as menu item in the editor.
  • Link edges to an "explanation tiddler" that opens when clicking on that edge. This is inspired by the semantic web, where edges (predicates) can be resources as well not just live as mere literals (strings)

Allow to show system tiddlers

Hello @felixhayashi

I want to use this plugin to write some graphs, but I don't want the nodes to "pollute" my wiki. So I tried with the $:/ prefix. The problem is that your plugin will not show those nodes.

Is there any hidden option that I'm missing? I tried to edit the filters with no luck.

Regards.

TiddlyMap Icon issues

  1. the icon could look prettier
  2. the icon is not integrated correctly into tiddlywiki

The current icon is created with inkscape. No matter what I do, the hover fill

.tc-tiddler-controls button.tc-btn-invisible:hover svg {
  fill: #888888;
}

is not applied when hovering...

Adding key combinations to tiddlymap

  • Library: Visjs already comes with the keycharm library so I think I could reuse that for my purpose.
  • For which actions should keycombos exist
    • Opening the main editor in fullscreen
    • closing fullscreen
    • ...
  • Which key combos should be the defaults?
  • How should the combinations be configurable?

Color nodes when they match a filter

When you are building a "pure" graph , I mean, I graph that is not intended to be just a collection of tiddlers but just a graph, sometimes you want to add some text notes to some nodes. It would be cool that those nodes that has text inside its tiddler (or maybe a note field) are displayed in a different color.

Halfscreen mode for main editor

A "halfscreen" button would make the editor stretch vertically to consume all the vertical space available, hiding the sidebar completely, however, not hiding the story river. This way, more nodes fit on the map while the user can stay productive as he/she can still edit tiddlers.

How should I be updating?

The most convenient way to update seems like it would be to drag the latest plug-in version from the demo site into my wiki. When I do this I get the status: "Blocked plugin (due to incoming 0.6.4+1802 being older than existing 0.6.4+1652." So what I do instead is download an empty wiki from Tiddlywiki.com, drag the latest TiddlyMap plug-in from the demo site, then drag in my old wiki for import. Is there a better way to do this? I've consistently gotten the same behavior all four times I've tried updating the plug-in.

Idea: Nodes display "badges" pertaining to defined tags.

I don't know if this is possible, but it would be cool if you could add multiple miniature icons to a node based on which tags the node has. For example, if a node is a task that you have completed, it displays a checkmark; if the task-node is urgent, add an exclamation point; etc.

Tooltips

Display a tiddler field as node-tooltip in graphs.

graphical interface on main page

suggestion for a simpler 'standard' view which can be visible at all time. buttons can be less than now and more compact
(no need for zoom in/out and to move around in the map as long as you have not clicked somewhere to activate it e.g. full screen view?)

tiddlymap test style

Bug: Map zooms out when the search bar is toggled off.

This is using TiddlyMap 0.6.4+1802 on Firefox in Windows 7.

I can search for something in the map tab on the right side and the map will zoom in. But when I toggle the search button to make the search bar disappear, the map zooms out again. It would be nice if it maintained its zoomed in position.

Highlight directly connected nodes when click on a node

When a graph grows in size can be hard to distinguish connections. Highlighting connected nodes and the connections itself when a node is selected will improve usability a lot, and also will add meaningful information.

Allow caption to be used

Tiddler titles are very important since they told you what is the tiddler about. The title is not always suitable to be used inside a node graph. Allowing caption as the value to be displayed gives the opportunity to have long and meaningful titles with beautiful node maps.

For example

  • title: transaction.propertyname
  • caption: property

Outsourcing user config

Some aspects of TiddlyMap should be configurable.

Outsourcing means these aspects should be...

  • configurable via a form (either on a graph level or on a global level)
  • outsourced as JSON tiddlers
  • outsourced as single tiddlers (allows fine grained update mechanism)

The outsourcing styles can cooexist and what style is chosen depends on how frequently an aspect has to be configured by the user or how prominent the aspect is...

fullscreen graph

if possible, it seems helpful to be able to toggle the size of the graph viewer to cover the whole page (if not actual fullscreen) and back.

Perhaps this could be done using a (temporary) modal.

graph editor height in sidebar

Is there a particular reason why the taskgraph viewer in the sidebar is relatively small?
I'd be wanting to give it more height, at least twice that. How to customize?

size

Find a suitable name for the plugin

Taskgraph as a name makes the user think, this plugin is only for organizing tasks. However, with the help of the plugin, a user can

  • Create mindmaps and quickly manifest ideas in tiddlers (wiki entries).
  • Create task-dependency graphs to organize and describe tasks.
  • Visualize topic structures to get an immediate grasp of topics and relations.

In general the user may create, visualize and describe any network-structure he/she has in mind.

So what name to choose?

Confusing terminology in Tiddler dialog

Add this node: talks about a graph editor -- should that be a map editor? Can we assume that the user is happy using "node" interchangeably with "tiddler"?

Link this node: uses a different meaning for link which elsewhere is edge, i.e. Add edges for this node

Delete connections: Delete edges

Small things but potentially confusing to the uninitiated.

Unrelated: add a tooltip for the icon.

Allowing system tiddlers to be displayed in graphs

From the google groups discussion (https://groups.google.com/d/topic/tiddlywiki/72ik_hyXafg/discussion):

Is it possible that system tiddlers are never shown in the graph? If yes, is there an option to enable them?

yes you are right, they are never displayed. I could display them but I decided against that for now because system tiddlers should stay hidden in any case in my opinion. or not? if you have good arguments I might implement to show system tiddlers in graphs as well.

Not really, no... they should not be hidden from a graph, especially when I specifically add them, or am about to, e.g. via that button in the toolbar or one of the other ways. I sure see how I may want to add system-tiddlers to graphs. Actually, I may especially want to have those in a graph... to document those under the hood relationships of inner workings.
So, perhaps a global checkbox that allows to at least add, although not necessarily show them by default, would be nice.

Tiddler content appearing in scrollable box when hovering over node

Basically, like Freeplane where hovering over a node causes the enclosed note to pop out in a fixed width box with a scrollbar.

For TiddlyMap the note would be the tiddler text.

I think this would be a real enhancement of tiddlywiki because you can dip into a node for the underlying detail whilst still maintaining the map view and the relationship between each topic without having to click away from the map.

Thanks,
Jon.

Full screen does not work properly from sidebar

I love the new full-screen feature as much as I hate the position of the main editor. And this issue combines both to make me a super hater: you can view anything in fullscren except the main editor. The screen is filled just half. See screenshot below from chrome on windows

image

The full screen feature is a key feature to properly display and edit maps, so I think this should be an important fix.

I want to say also that I find odd where the editor is: the sidebar. Sidebars are for table of contents and some side information, not for holding an editor. I really feel uncomfortable using it. I used to end with my head inclined to the right. Maybe it is useful in a 24" screen, but not for average users I think. Could you at least provide a button to open the editor in a tiddler?

Showing larger neighbourhoods around a focussed tiddler

Sometimes I want to see how a tiddler fits within a larger network picture, but my networks are so big, I'm reduced to scrolling around in search of the tiddler I'm interested in. I love the live view (it's awesome), but sometimes it would be nice if it would include everything connected to the designated tiddler, not just its immediate neighbors. Is there a way for me to accomplish this by tweaking configuration?

auto-generated views for tagging / references

Reading this...

http://wkpr.de/hosting/tmp/tw5/taskgraph/#Adapter

...this could allow creating some form of plugin that auto-generates / -updates a "tagging" view or a "references" view or preferably one containing both as different types of edges.

Perhaps such a view might even be the default view for taskgraph?

However, rather than having a monstruous graph of all tiddlers, one might just want to see x-levels deep starting from the current tiddler, i.e. the last one displayed in the story column / the last one clicked in taskgraph... so the graph would have some awareness of levels with respect to a centered / selected node or edge.

Such a view could be opened in a popup from a toolbar button at the current tiddler, so as to explore its relations, even navigate around...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.