OnlineTools

This page lists some online tools I have found.

Image Resize

http://www.dougrice.plus.com/dev/graphs/resizeImage.html - resize image in a web page

waveform tool:-

https://wavedrom.com/tutorial.html

circuit:

https://www.circuit-diagram.org/editor/

https://www.qsl.net/wd9eyb/klunky/home.html

Reg Expressions:-

http://www.cuneytyilmaz.com/prog/jrx/jrx.nongecko.html#

svg editors:-

https://boxy-svg.com/app

https://cssgradient.io/

https://editor.method.ac/

draw.io https://app.diagrams.net/

https://svg-edit.github.io/svgedit/

misc drawing:-

https://designstripe.com/

https://www.rapidtables.com/tools/pie-chart.html

https://www.w3schools.com/colors/colors_mixer.asp

simulation:-

https://docs.wokwi.com/?utm_source=wokwi - multi board simulator

http://www.dougrice.plus.com/nascom2/JavaScriptNascom2/jsnascom.html - nascom 2

graphs:-

http://www.dougrice.plus.com/g.htm

https://www.amcharts.com/

https://www.drawsvg.org/

https://www.sitepoint.com/best-javascript-charting-libraries/

Webpages plotting graphs using canvas and JavaScript

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. Tips: 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.

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

Info

• [index] - Show all pages
• [links] - Show all links. cf. MeatBall:LinkDatabase for documentation of various options.