Skip to content

Updated README.md #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 26 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
ac780f9
Create README.md
jeffbaumes Jul 5, 2019
5cc65b3
Enable control of forces
jeffbaumes Jul 7, 2019
7ab2326
Add edge visibility
jeffbaumes Jul 8, 2019
c406709
Upload JSON
jeffbaumes Jul 8, 2019
af02c0f
Send full graph from worker
jeffbaumes Jul 9, 2019
c27d842
Add gh-pages
jeffbaumes Jul 9, 2019
8bd9212
Merge pull request #1 from Kitware/add-gh-pages
jeffbaumes Jul 9, 2019
b0d2aa5
Add vue
jeffbaumes Jul 9, 2019
2a02fe8
Vuetify
jeffbaumes Jul 10, 2019
7b6b800
Merge pull request #2 from Kitware/vue
jeffbaumes Jul 10, 2019
c87c48f
Remove lingering ui reference that breaks build
jeffbaumes Jul 10, 2019
4ea1def
Merge pull request #3 from Kitware/remove-nouislider
jeffbaumes Jul 10, 2019
a20ace9
Improving UI layout
jeffbaumes Jul 10, 2019
dda8199
Merge pull request #4 from Kitware/ui-layout
jeffbaumes Jul 10, 2019
b47c16d
Adding x, y, radial forces
jeffbaumes Jul 12, 2019
d29f505
Merge pull request #5 from Kitware/more-forces
jeffbaumes Jul 12, 2019
43c1319
Add simple neighbor highlighting and load graph from URL
jeffbaumes Jul 19, 2019
15963a0
Merge pull request #6 from Kitware/neighbor-highlight-and-url-param
jeffbaumes Jul 19, 2019
56f2c7e
Remove circular reference that broke json serialization
jeffbaumes Jul 19, 2019
92c1ed3
Merge pull request #7 from Kitware/remove-circular-ref
jeffbaumes Jul 19, 2019
ef22f53
Updated README.md
anbcodes Jul 22, 2019
3a8a4a1
Added a Node List to README
anbcodes Jul 23, 2019
d43ae19
Invert y axis, enable fixed sized nodes
jeffbaumes Jul 23, 2019
ee20daf
Merge pull request #9 from Kitware/invert-y
jeffbaumes Jul 23, 2019
e65aba8
Merge branch 'master' of https://github.com/Kitware/layoutr
anbcodes Jul 24, 2019
298bc18
Merge branch 'master' of https://github.com/anbcodes/layoutr
anbcodes Jul 24, 2019
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
55 changes: 55 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
# Layoutr
A graph layout web application

## Installation

After a git checkout, run the following to serve the application locally:

```
npm i
npm run serve
```

## Usage

* Click "UPLOAD CSV OR JSON" to upload a file of the form:
```
source,target
a,b
b,c
c,d
d,a
```
for CSV and
```
{
"nodes": [
{ "id": "a" },
{ "id": "b" },
{ "id": "c" },
{ "id": "d" }
],
"edges": [
{
"source": "a",
"target": "b"
},
{
"source": "b",
"target": "c"
},
{
"source": "c",
"target": "d"
},
{
"source": "d",
"target": "a"
}
]
}
```
for JSON

* Click "Start Layout".
* Play with the controls!
24 changes: 2 additions & 22 deletions dist/index.html
Original file line number Diff line number Diff line change
@@ -1,30 +1,10 @@
<html>
<head>
<title>Layoutr</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet">
</head>
<body>
<ul id="slide-out" class="sidenav sidenav-fixed">
<li>
<a id="init-upload-edge-list" class="waves-effect waves-light btn blue">Upload Edge List CSV</a>
<a id="toggle-start" class="waves-effect waves-light btn blue">Start Layout</a>
<input id="upload-edge-list" type="file" style="display:none"></input>
<div class="slider-wrapper">
<span class="slider-label">Theta</span>
<div id="theta"></div>
</div>
<div class="slider-wrapper">
<span class="slider-label">Alpha</span>
<div id="alpha"></div>
</div>
<div class="slider-wrapper">
<span class="slider-label">Radius Factor</span>
<div id="radius-factor"></div>
</div>
<a id="save" class="waves-effect waves-light btn blue">Download JSON</a>
</li>
</ul>
<div id="map"></div>
<a id="download" style="display:none"></a>
<div id="app"></div>
<script src="bundle.js"></script>
</body>
</html>
Loading