Package Exports
- @webwriter/neural-network/custom-elements.json
- @webwriter/neural-network/editing-config.json
- @webwriter/neural-network/icon
- @webwriter/neural-network/snippets/Boston-House-Pricing.html
- @webwriter/neural-network/snippets/Pima-Indians-Diabetes.html
- @webwriter/neural-network/widgets/webwriter-neural-network.css
- @webwriter/neural-network/widgets/webwriter-neural-network.js
Readme
Neural Network (@webwriter/neural-network@1.1.5)
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/build@1.9.1