[Home]Webpages And JavaScript Simulations

HomePage | RecentChanges | Preferences | My Website home page

Railway signalling - Modelling signal box

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.

http://www.dougrice.plus.com/wetString/blockSignalling/signalling.htm - simulations. Do view source.

SVG

http://www.dougrice.plus.com/dev/trySVG/pong.svg a puck moves and bumps onto a block.

http://www.dougrice.plus.com/dev/trySVG/signalHome.svg - home signal with bounce simulation.

http://www.dougrice.plus.com/dev/led8x8_plasma.svg - Plasma Display Arduino Colordunio And SVG Projects

Webpages for plotting graphs

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.

Webpages plotting graphs using canvas and JavaScript

http://www.dougrice.plus.com/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.

http://www.dougrice.plus.com/dev/graphs/graph1sample.htm - experimental Bar Chart, line and step line.

http://www.dougrice.plus.com/dev/graphs/graph1pie.htm - experimental Pie Chart

http://www.dougrice.plus.com/dev/graphs/graph1nodes.htm - animation. Tip:- Use a semi translucent rectangle to fade the graph.

http://www.dougrice.plus.com/dev/graphs/graph1portLed.htm - Thommy Thorn used a canvas for his Nascom 2 web page.

Examples:

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. http://www.dougrice.plus.com/btinternet/rpot002/rpotSerialDump.htm

SVG was available in firefox and not in IE until IE 9

First use with updates:- http://www.dougrice.plus.com/rt004/sr3/reportSVG.svg

C Program outputs to f.js.

Webpage reload f.js and replot every few seconds.

http://www.dougrice.plus.com/dev/dtmfCode/pcm2/loopAlsaplotSVG.svg - reload and replot every few seconds

http://www.dougrice.plus.com/dev/dtmfCode/pcm/loopAlsaplotSVG.svg

Using FLOT:

I was told about FLOT a long time ago: https://www.flotcharts.org/

Using FLOT: http://www.dougrice.plus.com/dev/dtmfCode/pcm2/flotscope.htm

This page uses flot. It models telephone lines and shows the results as an animation:- http://www.dougrice.plus.com/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.

http://www.dougrice.plus.com/dev/trySVG/escape4.htm allows a csv list to be plotted.

http://www.dougrice.plus.com/dev/trySVG/escape5.htm thin graph on web page.

http://www.dougrice.plus.com/dev/trySVG/escape6.htm thin graph on web page. Three processes linked

http://www.dougrice.plus.com/dev/trySVG/escape7led.htm 8 chips with LED triggering Chip to the right.

http://www.dougrice.plus.com/dev/arduino/ReadAnalogMinMaxVoltage/graph2.svg

Using an Arduino SD shield as a logger: http://ccgi.dougrice.plus.com/cgi-bin/wiki.pl?Arduino_Based_Logger_And_SVG_Graph

Raspberry Pi's audio using ALSA and SVG to show decoded DTMF

I tried using the Raspberry Pi's audio using ALSA and SVG to show decoded DTMF

http://www.dougrice.plus.com/dev/dtmfCode/dtmf1_g_c.svg

http://www.dougrice.plus.com/dev/dtmfCode/pcm/dtmf1_g_c.svg

This demo simulated DTMF detection: http://www.dougrice.plus.com/dev/dtmfCode/dtmf1_g.svg

other dabbles

http://www.dougrice.plus.com/dev/trySVG/plotFabcd.svg

http://www.dougrice.plus.com/dev/trySVG/tryPlot.svg - try to draw lines and grid.

http://www.dougrice.plus.com/dev/trySVG/svgMsgChartApp.htm

JavaScript prototypes for PIC projects

Try these on a PC, as they do not work using SmartPhone Touch screens!

http://www.dougrice.plus.com/dev/sportstimer.htm - sports timer

http://www.dougrice.plus.com/dev/ratemultiplier.htm - JavaScript Rate Multiplier.

http://www.dougrice.plus.com/dev/pulseStretch.htm - measures input pulse and then outputs a pulse 5 times longer

http://www.dougrice.plus.com/dev/pulseStretch2.htm - Using leaky bucket to strech pulse 5 times longer

http://www.dougrice.plus.com/dev/timer0_c.txt

http://www.dougrice.plus.com/btinternet/ship/timerdemo/timerdemo.htm - Shipping forecast timer -

http://www.dougrice.plus.com/dev/trySVG/escape7led.htm - boxes in a line. Monostable in a line.

http://www.dougrice.plus.com/dev/DigiSpark/text0.html - UART demo showing character by character and Keyword match

http://www.dougrice.plus.com/dev/DigiSpark/text2.html - two DigiSparks handshaking using Wired OR

http://www.dougrice.plus.com/dev/trySVG/escape6.htm - Graph

http://www.dougrice.plus.com/dev/trySVG/g17_chaos.svg - mouse chaos

http://www.dougrice.plus.com/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/

SVG dabbles

http://www.dougrice.plus.com/dev/trySVG/

http://www.dougrice.plus.com/dev/trySVG/g9_CDtoTelephony.svg - Using a simple account based method.

early animations

http://www.dougrice.plus.com/dev/trySVG/g.svg - example

http://www.dougrice.plus.com/dev/trySVG/g2.svg

http://www.dougrice.plus.com/dev/trySVG/g3.svg

http://www.dougrice.plus.com/dev/trySVG/g4.svg

http://www.dougrice.plus.com/dev/trySVG/g5.svg

http://www.dougrice.plus.com/dev/trySVG/g6.svg

http://www.dougrice.plus.com/dev/trySVG/g7.svg

http://www.dougrice.plus.com/dev/trySVG/g8.svg

animations

http://www.dougrice.pl us.com/dev/trySVG/g16.svg - lights using numerical controlled oscillators.

http://www.dougrice.plus.com/dev/trySVG/lights.svg

http://www.dougrice.plus.com/dev/trySVG/graph.svg

http://www.dougrice.plus.com/dev/trySVG/g9_CDtoTelephony.svg - Using a simple account based method.

http://www.dougrice.plus.com/dev/trySVG/g12_buffers_slip.svg

http://www.dougrice.plus.com/dev/trySVG/g17_chaos.svg

http://www.dougrice.plus.com/dev/trySVG/led8x8_fonts3.svg

colours

http://www.dougrice.plus.com/dev/trySVG/tryCscriptSVG_LED.svg


HomePage | RecentChanges | Preferences | My Website home page
This page is read-only | View other revisions
Last edited January 4, 2023 7:35 am by dougrice.plus.com
Search: