Signalling has a web page where each signal box is modelled as an object and they listen to the down line and upline signal box for bell codes and block instruments.
https://www.dougrice.co.uk/www/wetString/blockSignalling/signalling.htm - simulations. Do view source.
https://www.dougrice.co.uk/www/dev/trySVG/pong.svg a puck moves and bumps onto a block.
https://www.dougrice.co.uk/www/dev/trySVG/signalHome.svg - home signal with bounce simulation.
https://www.dougrice.co.uk/www/dev/led8x8_plasma.svg - Plasma Display Arduino Colordunio And SVG Projects
Quite often a way to plot graphs would be useful.
You have a C program or PIC chip that outputs results.
The Arduino IDE has a serial to Graph plotter in it.
Excel can be used, but does not cope well with output.csv being updated.
A web page that runs off the desk top and auto reloads makes a useful tool.
https://www.dougrice.co.uk/www/dev/graphs/graph1portLed.htm - Thommy Thorn used a canvas for his Nascom 2 web page since about 2009. Why not try it out.
HTML has the canvas tag which needs JavaScript? to plot graphs.
These light weight in-line graphs use JavaScript? and the Canvas tags. They are examples.
https://www.dougrice.co.uk/www/dev/graphs/graph1sample.htm - experimental Bar Chart, line and step line.
https://www.dougrice.co.uk/www/dev/graphs/graph1pie.htm - experimental Pie Chart
https://www.dougrice.co.uk/www/dev/graphs/graph1nodes.htm - animation. Tip:- Use a semi translucent rectangle to fade the graph.
https://www.dougrice.co.uk/www/dev/graphs/graph1portLed.htm - Thommy Thorn used a canvas for his Nascom 2 web page.
Well before SVG, you could plot graphs using width of gif images:
Web page processes PIC output and draws graphs using variable width img tags. https://www.dougrice.co.uk/www/btinternet/rpot002/rpotSerialDump.htm
First use with updates:- https://www.dougrice.co.uk/www/rt004/sr3/reportSVG.svg
C Program outputs to f.js.
Webpage reload f.js and replot every few seconds.
https://www.dougrice.co.uk/www/dev/dtmfCode/pcm2/loopAlsaplotSVG.svg - reload and replot every few seconds
https://www.dougrice.co.uk/www/dev/dtmfCode/pcm/loopAlsaplotSVG.svg
I was told about FLOT a long time ago: https://www.flotcharts.org/
Using FLOT: https://www.dougrice.co.uk/www/dev/dtmfCode/pcm2/flotscope.htm
This page uses flot. It models telephone lines and shows the results as an animation:- https://www.dougrice.co.uk/www/dougnapTheory/flot/a_artline4W.htm
This page has a FLOT example. I wrote a PHP script to use the GD libray before browsers supported in-line SVG graphs.
https://www.dougrice.co.uk/www/dev/trySVG/escape4.htm allows a csv list to be plotted.
https://www.dougrice.co.uk/www/dev/trySVG/escape5.htm thin graph on web page.
https://www.dougrice.co.uk/www/dev/trySVG/escape6.htm thin graph on web page. Three processes linked
https://www.dougrice.co.uk/www/dev/trySVG/escape7led.htm 8 chips with LED triggering Chip to the right.
https://www.dougrice.co.uk/www/dev/arduino/ReadAnalogMinMaxVoltage/graph2.svg
Using an Arduino SD shield as a logger: https://wwwi.dougrice.co.uk/cgi-bin/wiki.pl?Arduino_Based_Logger_And_SVG_Graph
I tried using the Raspberry Pi's audio using ALSA and SVG to show decoded DTMF
https://www.dougrice.co.uk/www/dev/dtmfCode/dtmf1_g_c.svg
https://www.dougrice.co.uk/www/dev/dtmfCode/pcm/dtmf1_g_c.svg
This demo simulated DTMF detection: https://www.dougrice.co.uk/www/dev/dtmfCode/dtmf1_g.svg
https://www.dougrice.co.uk/www/dev/trySVG/plotFabcd.svg
https://www.dougrice.co.uk/www/dev/trySVG/tryPlot.svg - try to draw lines and grid.
https://www.dougrice.co.uk/www/dev/trySVG/svgMsgChartApp.htm
https://www.dougrice.co.uk/www/dev/graphs/buggy.htm - virtual line follower
Try these on a PC, as they do not work using SmartPhone? Touch screens!
https://www.dougrice.co.uk/www/dev/sportstimer.htm - sports timer
https://www.dougrice.co.uk/www/dev/ratemultiplier.htm - JavaScript? Rate Multiplier.
https://www.dougrice.co.uk/www/dev/pulseStretch.htm - measures input pulse and then outputs a pulse 5 times longer
https://www.dougrice.co.uk/www/dev/pulseStretch2.htm - Using leaky bucket to strech pulse 5 times longer
https://www.dougrice.co.uk/www/dev/timer0_c.txt
https://www.dougrice.co.uk/www/btinternet/ship/timerdemo/timerdemo.htm - Shipping forecast timer -
https://www.dougrice.co.uk/www/dev/trySVG/escape7led.htm - boxes in a line. Monostable in a line.
https://www.dougrice.co.uk/www/dev/DigiSpark/text0.html - UART demo showing character by character and Keyword match
https://www.dougrice.co.uk/www/dev/DigiSpark/text2.html - two DigiSparks? handshaking using Wired OR
https://www.dougrice.co.uk/www/dev/trySVG/escape6.htm - Graph
https://www.dougrice.co.uk/www/dev/trySVG/g17_chaos.svg - mouse chaos
https://www.dougrice.co.uk/www/dev/trySVG/blinkt.svg - blinkt is a board that can be pluuged onto a raspberry Pi. https://shop.pimoroni.com/products/blinkt?variant=22408658695 http://docs.pimoroni.com/blinkt/
https://www.dougrice.co.uk/www/dev/trySVG/
https://www.dougrice.co.uk/www/dev/trySVG/g9_CDtoTelephony.svg - Using a simple account based method.
https://www.dougrice.co.uk/www/dev/trySVG/g.svg - example
https://www.dougrice.co.uk/www/dev/trySVG/g2.svg
https://www.dougrice.co.uk/www/dev/trySVG/g3.svg
https://www.dougrice.co.uk/www/dev/trySVG/g4.svg
https://www.dougrice.co.uk/www/dev/trySVG/g5.svg
https://www.dougrice.co.uk/www/dev/trySVG/g6.svg
https://www.dougrice.co.uk/www/dev/trySVG/g7.svg
https://www.dougrice.co.uk/www/dev/trySVG/g8.svg
http://www.dougrice.pl us.com/dev/trySVG/g16.svg - lights using numerical controlled oscillators.
https://www.dougrice.co.uk/www/dev/trySVG/lights.svg
https://www.dougrice.co.uk/www/dev/trySVG/graph.svg
https://www.dougrice.co.uk/www/dev/trySVG/g9_CDtoTelephony.svg - Using a simple account based method.
https://www.dougrice.co.uk/www/dev/trySVG/g12_buffers_slip.svg
https://www.dougrice.co.uk/www/dev/trySVG/g17_chaos.svg
https://www.dougrice.co.uk/www/dev/trySVG/led8x8_fonts3.svg
https://www.dougrice.co.uk/www/dev/graphs/buggy.htm - virtual line follower
https://www.dougrice.co.uk/www/dev/trySVG/tryCscriptSVG_LED.svg
![[Home]](../ipstats.gif)
