https://github.com/neurals-ro/keras-model-editor

Web editor for Keras models
https://github.com/neurals-ro/keras-model-editor

Last synced: 2 months ago
JSON representation

Web editor for Keras models

• Host: GitHub
• URL: https://github.com/neurals-ro/keras-model-editor
• Owner: neurals-ro
• License: mit
• Created: 2016-11-23T23:42:33.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-07-27T10:53:02.000Z (over 6 years ago)
• Last Synced: 2024-08-01T16:45:03.958Z (6 months ago)
• Language: JavaScript
• Size: 852 KB
• Stars: 28
• Watchers: 7
• Forks: 6
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# keras-model-editor [![Binder](https://mybinder.org/badge.svg)](https://mybinder.org/v2/gh/kmader/keras-model-editor/patch-1?filepath=examples%2Fdemo.ipynb)

Web editor for Keras models.

Test it at https://neurals-ro.github.io/keras-model-editor/examples/index.html

Click on the model's layers (rectangles) and change the settings from the GUI or click on `Edit Source` and change the source directly. Copy your own models.json by clicking on the leftmost rectangle -> `Edit Source`.

After changes copy the code to be imported with [Keras] (https://keras.io).

## keras-model-viewer

https://github.com/neurals-ro/keras-model-viewer

## Features

- Color coded: generally the red layers loose some data, green: bring add'l data, etc.

- User can edit the JSON for each layer by "Edit Source" in the menu

- Edit and copy for Keras of the model's JSON with the source button (upper-left corner)

- Add additional layers at the output of any layer (the arrow icon in the corner of each layer)

- Diagram direction change: from left-to-right to up-to-down

## How to use

See `examples` folder.

```

new KerasModelEditor( kerasModelObject, elementId);

new KerasModelEditor( kerasModelObject, document.getElementById(elementId));

new KerasModelEditor( kerasModelObject, document.getElementById(elementId), {

  "rankdir": "LR", // "LR"  "UD"

  "nodesep": 20,

  "edgesep": 20,

  "ranksep": 40,

  "marginx": 0,

  "marginy": 0

});

```

### Example

```



```


```

let model = new KerasModelEditor( kerasModelObject, 'kerasmodel', {

    "rankdir": "LR", // "LR"  "UD"

    "nodesep": 20,

    "edgesep": 20,

    "ranksep": 40,

    "marginx": 0,

    "marginy": 0

  });

model.show();

```

## Known Bugs

- Mixes default values with empty variables. But editing the source for each layer can be used as workaround.

## We would love to know how to improve this

This is in pre-alpha stage but still usable. Let us know what features you would like to see in version 1.

## License

MIT