OnlineTools

This page lists some online tools I have found.

Image Resize

https://www.dougrice.co.uk/www/dev/graphs/resizeImage.html - resize image in a web page

https://www.dougrice.co.uk/www/dev/graphs/resizeImage1.html - resize image in a web page with added negative button

https://www.dougrice.co.uk/www/dev/graphs/resizeImage2.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

https://www.dougrice.co.uk/www/nascom2/JavaScriptNascom2/jsnascom.html - nascom 2

graphs:-

https://www.dougrice.co.uk/www/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.

new examples

file:///C:/Users/dough/Desktop/graph1sampleX2.htm

https://www.dougrice.co.uk/www/dev/graphs/graph1sampleX2.htm - split reading pairs and plot 2 lines.

https://www.dougrice.co.uk/www/dev/graphs/graph1sample.htm - experimental Bar Chart, line and step line.

more examples

https://www.dougrice.co.uk/www/dev/graphs/graph1sample1.htm - experimental Bar Chart, line and step line.

https://www.dougrice.co.uk/www/dev/graphs/graph1sample2.htm - modified to add a sample on a timer tick

https://www.dougrice.co.uk/www/dev/graphs/graph1sample3.htm - Try some axis and ticks

https://www.dougrice.co.uk/www/dev/graphs/graph1sample4.htm - Try some axis and ticks and lables and rotated lables.

https://www.dougrice.co.uk/www/dougnapTheory/graph1sampleZandFilter.htm - plotting Z and filter response

https://www.dougrice.co.uk/www/dev/graphs/graphPi.htm - Plot DS18S20 measurements from two Raspberry Pi

https://www.dougrice.co.uk/www/dev/graphs/graph1pie.htm - experimental Pie Chart

https://www.dougrice.co.uk/www/dev/graphs/graph1nodes.htm - animation. Tips: Use a semi translucent rectangle to fade the graph.

https://www.dougrice.co.uk/www/dev/graphs/graphArc.html - try out some arc() , arcTo() and other curves for tube map type diagrams

https://www.dougrice.co.uk/www/dev/graphs/graph1portLed.htm - Thommy Thorn used a canvas for his Nascom 2 web page.

https://www.dougrice.co.uk/www/dev/graphs/graph1diagrams.htm - Drawing diagrams Using styles and CANVAS experiment.

https://www.dougrice.co.uk/www/dev/graphs/plot.htm -

https://www.dougrice.co.uk/www/dev/graphs/plotCurl.htm

https://www.dougrice.co.uk/www/dev/graphs/plotCurlColour.htm - colour chart

https://www.dougrice.co.uk/www/dev/graphs/t_clock.htm - canvas LED ring

Using FLOT:

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

Tandy CGP115 Emulator:

http://tandy.wiki/CGP-115 - In the early 1980's this little plotter was sensational. I had a go at emulating it on a web page.

https://www.dougrice.co.uk/www/dev/UART/UART2_Plotter.htm

https://www.dougrice.co.uk/www/dev/UART/UART2_PlotterSerial.htm

graph thoughts

Here are some GraphThoughts

Line follower buggy

https://www.dougrice.co.uk/www/dev/graphs/buggy.htm

https://www.dougrice.co.uk/www/dev/graphs/buggyLayers.htm

Info

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