Giter VIP home page Giter VIP logo

bryanph / geistmap Goto Github PK

View Code? Open in Web Editor NEW
447.0 28.0 31.0 7.6 MB

An experimental personal knowledge base with a focus on connections

Home Page: https://geistmap.com

License: GNU Affero General Public License v3.0

JavaScript 91.58% CSS 6.80% HTML 0.86% Shell 0.76%
personal-knowledge-base graph learning note-taking productivity knowledge-graph knowledgebase knowledge-management geist knowledge-network

geistmap's People

Contributors

bryanph avatar jmb 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

geistmap's Issues

New design for graph (+ features)

This especially applies to collection graph

Features that should be in the graph:

  • Show an indication of how many edges nodes have on the "outside" of the graph to nodes not in the collection (fetch node counts as well)
  • If a node has a positive node count, allow user to "expand" a node and thereby fetch this node's neighbours and add them to the graph.
  • add a photo to a node
  • different sizes of a node based on (betweenness centrality, or other metrics?
  • disallow node movement
  • two modes:
  1. drag and fix http://bl.ocks.org/norrs/2883411 https://bl.ocks.org/mbostock/3750558
  2. drag and create an arrow http://bl.ocks.org/rkirsling/5001347
  • store fixed state in the back-end along with position (can this be done? as long as aspect ratio is constant, yes.,
  • allow graph zoom with scroll
  • fix #30
  • remove NodeExplore graph and instead come up for a way to do node exploration from within the collection graphs (but what about searching for a node?)
  1. maybe don't route on clicking of a node but rather just allow people to load more and more related nodes to the graph
  2. Then when exploring another node the graph uses that node as the base to get L2 nodes from
  3. for the rest it behaves exactly like the CollectionDetail graph
  4. one issue, what happens when going from CollectionDetail to NodeExplore? => don't do anything special

Make lists behave as they should

Right now when pressing backspace from a list item and creating a list item again with the "*" character, the character is not converted to a bullet point.

make custom blocks selectable in editor

Like in the medium.com editor. Instead of deleting a full block when pressing backspace from the next block, first select and highlight it. Then afterwards, remove it when pressing backspace or delete again.

Remove main navigation

Instead, replace with a global way to switch between collections and node contexts

Should be simpler

-[ ] when coming from CollectionDetail, focus the active collection and vice-versa (needs an animation)
-[ ] When coming from NodeExplore, just show the collection graph and vice-versa

Easier navigation for links between collections

Right now because you are mostly working inside a collection detail view and the detail view right now only shows exactly the nodes that are in that collection, it is difficult to see to which other nodes outside the collection the nodes connect.

A few options for this:

  • By default fetch the nodes in the collection AND fetch nodes with a distance 1 from the collection
  • Have a toggle for the option above which is disabled by default (or enabled?)
  • Don't show the nodes that are linked to but rather the collections that the nodes link to on the outside of the graph
  • Change design of the graph to include an ability to pull in neighboring nodes for any nodes (#29)

Highlight chart update event when navigating back to chart

To make it more clear to the user what changed since the last time he looked at the graph

  • animation for enter,update,exit?
  • Make sure not to do this update animation on initial enter
  • upgrade react-router to latest version
  • refactor graphs to have one main graph, with different ways of rendering and setting certain events (in order to allow for animations)

Drop and drag of media within editor not working

Since embedded media does not have an extension at the moment. Should probably include the extension and have a proper name instead of the current random string.

Also, should check if the drag was made from inside the editor to decide whether to move or copy the dragged item

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.