Neural Network (@webwriter/[email protected])

License: MIT | Version: 1.1.5

Deep learning visualization for feed-forward networks with custom datasets, training and prediction.

Snippets

Snippets are examples and templates using the package's widgets.

| Name | Import Path | | :--: | :---------: | | Pima Indians Diabetes | @webwriter/neural-network/snippets/Pima-Indians-Diabetes.html | | Boston House Pricing | @webwriter/neural-network/snippets/Boston-House-Pricing.html |

NeuralNetwork (<webwriter-neural-network>)

Usage

Use with a CDN (e.g. jsdelivr):

<link href="https://cdn.jsdelivr.net/npm/@webwriter/neural-network/widgets/webwriter-neural-network.css" rel="stylesheet">
<script type="module" src="https://cdn.jsdelivr.net/npm/@webwriter/neural-network/widgets/webwriter-neural-network.js"></script>
<webwriter-neural-network></webwriter-neural-network>

Or use with a bundler (e.g. Vite):

npm install @webwriter/neural-network

<link href="@webwriter/neural-network/widgets/webwriter-neural-network.css" rel="stylesheet">
<script type="module" src="@webwriter/neural-network/widgets/webwriter-neural-network.js"></script>
<webwriter-neural-network></webwriter-neural-network>

Fields

| Name (Attribute Name) | Type | Description | Default | Reflects | | :-------------------: | :--: | :---------: | :-----: | :------: | | setupStatus | SetupStatus | Setup state of the widget. | - | ✗ | | editable (editable) | boolean | Whether editing is enabled. | - | ✓ | | settings (settings) | Settings | Application settings. | - | ✓ | | qAndA (qAndA) | QAndAEntry[] | Help/Q&A content. | - | ✓ | | canvas | CCanvas | Canvas instance created by the canvas-area. | - | ✗ | | network | CNetwork | Network instance. | - | ✗ | | layerConfs (layerConfs) | CLayerConf[] | Layer configuration list. | - | ✓ | | layerConnectionConfs (layerConnectionConfs) | CLayerConnectionConf[] | Layer connection configuration list between layers. | - | ✓ | | dataSet (dataSet) | DataSet | Active dataset. | - | ✓ | | availableDataSets (availableDataSets) | DataSet[] | Available datasets. | - | ✓ | | trainOptions (trainOptions) | TrainOptions | Training options. | - | ✓ | | modelConf | ModelConf | Current model configuration. | - | ✗ | | selected | Selected | Current multi-selection state. | - | ✗ | | selectedEle | SelectedEle | Current single selected element. | - | ✗ | | panel | boolean | Whether the right panel is open. | - | ✗ | | theme | Theme | Active theme object with style string. | - | ✗ |

Fields including properties and attributes define the current state of the widget and offer customization options.

Events

| Name | Description | | :--: | :---------: | | focus | - |

Events are dispatched by the widget after certain triggers.

Custom CSS properties

| Name | Description | | :--: | :---------: | | --sl-color-neutral-0 | Host background color (forwarded from Shoelace). | | --sl-color-neutral-50 | Divider color (forwarded from Shoelace). |

Custom CSS properties offer defined customization of the widget's style.

Editing config

| Name | Value | | :--: | :---------: |

The editing config defines how explorable authoring tools such as WebWriter treat the widget.

No public methods, slots, or CSS parts.

Generated with @webwriter/[email protected]