{"id":832,"date":"2021-06-12T16:36:19","date_gmt":"2021-06-12T16:36:19","guid":{"rendered":"http:\/\/gswce.net\/?page_id=832"},"modified":"2024-02-21T18:16:19","modified_gmt":"2024-02-21T18:16:19","slug":"javascript-demos","status":"publish","type":"page","link":"https:\/\/gswce.net\/?page_id=832","title":{"rendered":"Demos"},"content":{"rendered":"\n<p>These are the latest Javascript demos: all about the basic electronics which I mostly teach these days.  Also of interest might be the analogue simulator at <a href=\"http:\/\/dasim.gswce.net\">dasim.gswce.net<\/a> and the digital simulator at <a href=\"http:\/\/ddsim.gswce.net\">ddsim.gswce.net<\/a>, as well as the calculator at <a href=\"http:\/\/ducalc.gswce.net\">ducalc.gswce.net<\/a>.  (For the old Silverlight and VB6 demos, please see the &#8220;<a href=\"http:\/\/gswce.net\/?page_id=115\">Old demos<\/a>&#8221; tab.)<\/p>\n\n\n\n<p>So far there are eight demos:<\/p>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a href=\"https:\/\/jsdemos.gswce.net\/Adding_Sines_Demo.html\">Adding Sines<\/a><\/strong> (and other waveforms).  Demonstrates what happens when you add sine waves, triangle waves and square waves.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jsdemos.gswce.net\/Adding_Sines_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"166\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Adding_Sines_Demo-1.png\" alt=\"\" class=\"wp-image-840\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Adding_Sines_Demo-1.png 360w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Adding_Sines_Demo-1-300x138.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a href=\"https:\/\/jsdemos.gswce.net\/Phase_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Phase and Frequency<\/a><\/strong>.  Demonstrates the relationship between period, angle, phase and frequency.  Also shows how a real oscillation can be produced by two complex oscillations.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><a href=\"https:\/\/jsdemos.gswce.net\/Phase_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"265\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Phase_Demo.png\" alt=\"\" class=\"wp-image-839\" style=\"height:240px\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Phase_Demo.png 360w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Phase_Demo-300x221.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a href=\"https:\/\/jsdemos.gswce.net\/Phasors_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Phasors<\/a><\/strong>.  Demonstrates the relationship between a phasor and the real oscillation that it represents.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><a href=\"https:\/\/jsdemos.gswce.net\/Phasors_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"768\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Phasors_Demo.png\" alt=\"\" class=\"wp-image-850\" style=\"width:360px;height:240px\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Phasors_Demo.png 968w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Phasors_Demo-300x238.png 300w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Phasors_Demo-768x609.png 768w\" sizes=\"(max-width: 968px) 100vw, 968px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a href=\"https:\/\/jsdemos.gswce.net\/Adding_Phasors_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Adding Phasors<\/a><\/strong>.  Demonstrates the relationship between a phasor and the real oscillation that it represents.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jsdemos.gswce.net\/Adding_Phasors_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"255\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Adding_Phasors_Demo.png\" alt=\"\" class=\"wp-image-851\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Adding_Phasors_Demo.png 360w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Adding_Phasors_Demo-300x213.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/jsdemos.gswce.net\/Fields_Flux_Demo.html\" target=\"_blank\">Fields and Flux<\/a><\/strong>.  Demonstrates the relationship between fields strength and flux, and the field patterns around charges, dipoles and charged plates.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jsdemos.gswce.net\/Fields_Flux_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"274\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Fields_Flux_Demo.png\" alt=\"\" class=\"wp-image-852\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Fields_Flux_Demo.png 360w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Fields_Flux_Demo-300x228.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a href=\"https:\/\/jsdemos.gswce.net\/Drude_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\">The Drude\u00a0Model<\/a><\/strong>.  Demonstrates the motion of electrons in a conductor according to the Drude model (and some other assumptions).<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jsdemos.gswce.net\/Drude_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"209\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Drude_Demo.png\" alt=\"\" class=\"wp-image-853\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Drude_Demo.png 360w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Drude_Demo-300x174.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a href=\"https:\/\/jsdemos.gswce.net\/Electrons_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Electrons in Solids<\/a><\/strong>.  Demonstrates  the motion of electrons in the conduction and valence bands of insulators, conductors and semiconductors, and a simplified version of the pn-junction.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jsdemos.gswce.net\/Electrons_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"213\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Electrons.png\" alt=\"\" class=\"wp-image-855\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Electrons.png 360w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Electrons-300x178.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a href=\"https:\/\/jsdemos.gswce.net\/Bode_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">The Bode Approximation<\/a><\/strong>.  Allows you to place poles and zeros, and plot the amplitude and phase response, together with the Bode approximations.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jsdemos.gswce.net\/Bode_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"214\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Bode_Demo.png\" alt=\"\" class=\"wp-image-856\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Bode_Demo.png 360w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/06\/Bode_Demo-300x178.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-layout-9 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><a href=\"https:\/\/jsdemos.gswce.net\/USB_Scope_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Online Oscilloscope (opens in a new tab)\">Online Oscilloscope<\/a><\/strong>.  This one allows you to play around with the typical controls that an oscilloscope provides.  It also has the capability to use a Nucleo board (STM32L476) as a real analogue input and output.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jsdemos.gswce.net\/Bode_Demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"336\" height=\"215\" src=\"http:\/\/gswce.net\/wp-content\/uploads\/2021\/09\/Untitled.png\" alt=\"USB Scope Display\" class=\"wp-image-866\" srcset=\"https:\/\/gswce.net\/wp-content\/uploads\/2021\/09\/Untitled.png 336w, https:\/\/gswce.net\/wp-content\/uploads\/2021\/09\/Untitled-300x192.png 300w\" sizes=\"(max-width: 336px) 100vw, 336px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>These are the latest Javascript demos: all about the basic electronics which I mostly teach these days. Also of interest might be the analogue simulator at dasim.gswce.net and the digital simulator at ddsim.gswce.net, as well as the calculator at ducalc.gswce.net. &hellip; <a href=\"https:\/\/gswce.net\/?page_id=832\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/gswce.net\/index.php?rest_route=\/wp\/v2\/pages\/832"}],"collection":[{"href":"https:\/\/gswce.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gswce.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gswce.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gswce.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=832"}],"version-history":[{"count":14,"href":"https:\/\/gswce.net\/index.php?rest_route=\/wp\/v2\/pages\/832\/revisions"}],"predecessor-version":[{"id":874,"href":"https:\/\/gswce.net\/index.php?rest_route=\/wp\/v2\/pages\/832\/revisions\/874"}],"wp:attachment":[{"href":"https:\/\/gswce.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}