{"id":13553293,"url":"https://github.com/mukil/stableviews","last_synced_at":"2026-05-01T13:32:10.077Z","repository":{"id":30519583,"uuid":"34074074","full_name":"mukil/stableviews","owner":"mukil","description":"An alternate, d3 based user interface for dm4 to present and filter work done in collaboration and Topicmaps.","archived":false,"fork":false,"pushed_at":"2021-06-21T14:36:04.000Z","size":1132,"stargazers_count":1,"open_issues_count":8,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-05T08:14:55.131Z","etag":null,"topics":["d3","deepamehta","hexagon","svg","timeline","topicmaps"],"latest_commit_sha":null,"homepage":"https://mikromedia.de/stableviews","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mukil.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-04-16T18:45:58.000Z","updated_at":"2023-09-08T16:56:48.000Z","dependencies_parsed_at":"2022-07-24T17:01:54.756Z","dependency_job_id":null,"html_url":"https://github.com/mukil/stableviews","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mukil/stableviews","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukil%2Fstableviews","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukil%2Fstableviews/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukil%2Fstableviews/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukil%2Fstableviews/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mukil","download_url":"https://codeload.github.com/mukil/stableviews/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mukil%2Fstableviews/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32499681,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["d3","deepamehta","hexagon","svg","timeline","topicmaps"],"created_at":"2024-08-01T12:02:21.534Z","updated_at":"2026-05-01T13:32:10.060Z","avatar_url":"https://github.com/mukil.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","others"],"sub_categories":[],"readme":"\n### Stableviews UI\n\nA DeepaMehta 4 plugin delivering alternate user interfaces to present work done in _Topicmaps_. My freestyle project for DeepaMehta 4.\n\nThis bundle currently comes with four alternative _views_ for information created and organized with DeepaMehta 4:\n\n - **Topicmaps Reader Standard Style** - Think of nodes, edges, labels and details (SVG Circles)\n - **Topicmaps Reader Memex Style** - Think of nodes, edges, labels and details memex style (SVG Rectangles)\n - **Timeline Search \u0026 Browser** - This is actually quite useful already. Think of twitter without any \"customer magic\" but with the raw power of time range queries over all your _Notes_, _Contacts_, _Bookmarks_ and _Files_.\n - **Hexagon Frontpage** - Think of a random startup screen visualizing your personal information for further investigation, not useful at all (yet).\n\nNote: Please keep in mind that this software is under heavy development and the screens and dialogs might not always work at all or as expected Therefore i appreciate any help and feedback though.\n\nYet unavailable:\n\n - Advanced Search - Presenting fulltext search results with their context.\n\nFeel free to provide me some feedback in the [Issues](https://github.com/mukil/stableviews/issues) section of this repo.\n\n#### Getting Started\n\n - Install [DeepaMehta **4.8**](http://github.com/jri/deepamehta)\n\nNote: Each of the beforementioend user dialogs are still under heavy development, sometimes do not even work at all and are just work in progress.\n\n - Install [dm48-littlehelpers-0.3-SNAPSHOT](http://github.com/mukil/dm4-littlehelpers)\n - Install [dm48-stableviews-0.4-SNAPSHOT](http://github.com/mukil/stableviews)\n\nYou can find the most recent builds of DeepaMehta **4.8** and the two required plugins at [http://download.deepamehta.de/nightly/](https://download.deepamehta.de/nightly/).\n\nAfter working in and having created a DeepaMehta 4 Topicmap you can use the `View in stableviews` button in the lower left corner of the Webclient. Clicking on it you'll open the current map in the stableviews ui.\n\nIn DeepaMehta's `Help` menu you'll addtionally find the links to the `Hexagon View` and `Timeline View`.\n\n#### Development\n\nFor setting up our development please follow the description outlined in this [PluginDevelopmentGuide](https://trac.deepamehta.de/wiki/PluginDevelopmentGuide).\n\n```\ncd dm4-stableviews\nmvn clean package\n```\n\nTo instruct `mvn` where to copy your new build to you could point out the `bundle-deploy` directory of your DeepaMehta installation through adding a `dm4.deploy.dir` property into the `pom.xml`. Once copied DeepaMehta will then \"hot-deploy\" the new version.\n\n### Inspiration\n\nThe _Topicmaps UI_ by Jörg Richter (@jri).\n\nWith this interface we draw upon the knowledge on humans  _visual memory_ (\"... the blue bar at the top there\") and _situative memory_ (\"... as i was meeting Ben for the first time.\") (p. 3, [Richter, 2012](http://demo.deepamehta.de:8080/topicmap/2249/topic/3359), Presentation at Größenwahn). In DeepaMehta people think that an item \"is\" or \"is best described\" through its relations to other items. And those relations can represent _context_. To be able do meaningful research with this tool we believe that this user interface needs to allow users of _free placement_ of items and it needs to persist those visual structures (_stable geometries_).\n\n### Challenges\n\nAt best, we are able to address the following, more general challenges for such UI:\n\n * comparison: e.g. allow to compare details of any two given topics\n * ACCOMPLISHED - multi select: allow to select and trigger commands on a set of elements\n * query-ui: allow for iterative refinement of \"Search Results\", e.g. in forms of \"Search Buckets\"\n * IN PROGRESS - command line: text based interaction to control the ui (search and reveal topics in maps, filter in maps, search and load maps, \"mail jri\")\n * MANUALLY DO'ABLE - themes: allow to switch between many CSS definitions\n * tiled-windows: enable users to tile screen space wherever possible\n\n\n### Description of difference\n\nThe difference and focus of UI research in this code repository regarding the dm4-webclient is:\n\n* Do not aim at being a generic solution (straightaway) but first become a configurable one\u003cbr/\u003e\n  (looking at you: topic and association types)\n\n* Aim at an _immediate_ control feel for users manipulating their view\n\n* Enable users multi-dimensional filtering of infos (faceted navigation)\u003cbr/\u003e\n  a.k.a. introduce visualize aspects of a query which allows iterative refinement\u003cbr/\u003e\n  therefore: design stuff that directly represents a semi-structured and/or structured query and\u003cbr/\u003e\n  think of how various result-sets may be represented\u003cbr/\u003e\n\n* Facilitate _comparison_ of deep information (the \"teapot\" of UIs for information processing tasks / infoviz-tools)\n\n* Try to achieve something like _reversibility of commands_ on infos (Undo/Redo)\u003cbr/\u003e\n  e.g. try to implement command pattern . (though this may be just too much of an effort..)\n\n* Design \"Workspaces\" as explicit (and not necessarily implicit) places in regards to \"Maps\"\n\n* Provide infrastructure to personalize client-side renderings on per user and domain base\u003cbr/\u003e\n  in terms of: color-palette active, gui-theme loaded and preferred rendering settings (map, tree)\n\n* Operate with per-user configuration of all presentations settings (color scheme, fonts, shapes, etc.)\n\n* Tiling areas in a map? How would you imagine?\u003cbr/\u003e\n\n\n### Addendum\n\nI am curious and still want to get to know more about the limits of visual sense-making. For example, we know (from studies in 2008 and 2009) that creating manually arranged graph layouts is promising when we do so focussing on designing touch- or pen-based interactions. At least much more promising than focussing on delivering this UI for pointer-based interactions. Nonetheless, this graph aims to be (to some degree) controllable by keyboard interactions, too.\n\nTo be able to get there i would like to develop this GUI in a highly connective and collaborative way. I herewith seek for your help in making this possible. Please help to think through some of the details and please think about contributing anything from sketches, requirements or wishes up to code or styles.\n\nEveryone is welcome!\n\nCheers!\n\n-----------------------------------------\nAuthor: Malte Reißig\u003cbr/\u003e\nBerlin \u003c-\u003e Leipzig, 2014-2016\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmukil%2Fstableviews","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmukil%2Fstableviews","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmukil%2Fstableviews/lists"}