Здесь представлены примеры использования библиотеки nndrawable (исходник на GitHub).

Интерфейс для рисования нейронной сети (без кодинга) можно посмотреть здесь.

<script type="text/javascript" src="nndrawable.js"></script>
		...
	<div id="for_nn1"></div>
		...
<script type="text/javascript">

	let nn1 = new nndraw.NN();
	
	let layer1 = new nndraw.Layer(7);
	nn1.add(layer1);
	let layer2 = new nndraw.Layer(5);
	nn1.add(layer2);
	let layer3 = new nndraw.Layer(4);
	nn1.add(layer3);
	let layer4 = new nndraw.Layer(1);
	nn1.add(layer4);

	var div1 = document.getElementById('for_nn1');
	nn1.draw(div1);

</script>
	

	let nn2 = new nndraw.NN();
	
	nn2.radius = 18;
	nn2.canvasFillColor = "#FFD5D6";
	nn2.lineWidth = 2;
	nn2.lineStrokeColor = "blue";
	nn2.rx = 60;

	let layer = new nndraw.Layer(8, "rectangle", "#000000", "#EFEE0F");
	nn2.add(layer);
	layer = new nndraw.Layer(6, "circle", "#000000", "#88D03F");
	nn2.add(layer);
	layer = new nndraw.Layer(5, "circle", "#000000", "#F49042");
	nn2.add(layer);
	layer = new nndraw.Layer(3, "circle", "#000000", "#ADD8E6");
	nn2.add(layer);
	layer = new nndraw.Layer(1, "circle", "#000000", "#FFF2CD");
	nn2.add(layer);

	var div2 = document.getElementById('for_nn2');
	nn2.draw(div2, 'canvas');
	

	var div3 = document.getElementById('for_nn3');
	nn2.draw(div3, 'svg');