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]