Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lukastaerk/visual-idea-clustering
Application to visually organize ideas in an 2D-space
https://github.com/lukastaerk/visual-idea-clustering
clustering drag-and-drop ideation
Last synced: 5 days ago
JSON representation
Application to visually organize ideas in an 2D-space
- Host: GitHub
- URL: https://github.com/lukastaerk/visual-idea-clustering
- Owner: lukastaerk
- Created: 2018-10-02T14:33:44.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-04-09T10:55:08.000Z (over 5 years ago)
- Last Synced: 2024-05-06T15:13:50.965Z (6 months ago)
- Topics: clustering, drag-and-drop, ideation
- Language: JavaScript
- Homepage:
- Size: 2.03 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-starred - lukastaerk/visual-idea-clustering - Application to visually organize ideas in an 2D-space (others)
README
## Visual idea Clustering
## Setup:
- `npm install`
- `npm run init`### Run:
- `npm start` to start both server and client.
- `npm run start:client`
- `npm run start:server`### Tests:
- `npm test`
### Related Work
- [IdeaHound](http://www.eecs.harvard.edu/~kgajos/papers/2016/siangliulue16ideahound-uist.shtml)
### Requirements
- [x] Anzeige von 5 ideen
- [x] Drag and drop logik
- [x] Dynamische Anzahl von Ideen
- [x] Clustering Logik
- [x] Rename Clusters, onDoubleClick on header. save onEnter
- [ ] Zoomable Map of idea space, how to navigate on the map?
- [x] Export Button off idea Space.
- [x] List of Clusters as DropZone to easily move ideas
- [x] click on cluster list item to focus on that cluster on the map## Application
- bring ideas in relation, build Clusters, summerize and filter them to generate quality ideas from that.
## Transaction Data with Server
- result.json
```
{
"ideas": [
{
"content": "covering table tennis... ",
"@id": "http://purl.org/innovonto/ontoideaLegacy/ideas/21f895e3-410e-48a8-820d-546fee15894a",
"id": "21f895e3-410e-48a8-820d-546fee15894a",
"position": {
"left": 91,
"top": 101
},
"labels": [
"firstLabel"
],
"cluster": "3bf97c68-50e4-4e19-b524-e8c2ab77727c"
}, ...
],
"clusters": [
{
"id": "34414e3a-4aaa-4d9e-9428-f37353559c80",
"name": "Logistics",
"position": {
"left": 208,
"top": 724
}
}, ...
]
}
```## View
![Example](/client/public/ScreenshotVisualIdeaClustering.png)
## Activity Diagram
![Diagram](/client/public/ActivityDiagramClustering.png)
```
```