Forums

waveform display in browser

Started by John Larkin July 23, 2015

I'm designing a tachometer box and it will have a web page interface
as one way to talk to it. I thought it would be cool to include an ADC
so we could display waveforms, too. My software guys here are mostly
embedded types so we don't know a lot about Javascript and such. I did
a little searching and mostly found things for displaying audio
envelope cartoons; I want a real oscilloscope-looking thing, so users
can see what happens as they change gains and filtering and trigger
level settings. Dual trace would be nice, the analog waveform and
corresponding comparator outputs.

Has anybody done this? We'd consider getting outside help, either
advice or actual coding.

I assume our box will, through some port, deliver HTML, Javascript,
and maybe some zipped JS libraries to the browser. And the company
logo of course. The browser will send us text strings to parse if the
user wants to change parameters or such. We would also deliver blocks
of waveform data on request. That's my PHB perspective on things; I'm
just the hardware designer.


-- 

John Larkin         Highland Technology, Inc
picosecond timing   precision measurement 

jlarkin att highlandtechnology dott com
http://www.highlandtechnology.com

On Thursday, July 23, 2015 at 2:18:16 PM UTC-4, John Larkin wrote:
> I'm designing a tachometer box and it will have a web page interface > as one way to talk to it. I thought it would be cool to include an ADC > so we could display waveforms, too. My software guys here are mostly > embedded types so we don't know a lot about Javascript and such. I did > a little searching and mostly found things for displaying audio > envelope cartoons; I want a real oscilloscope-looking thing, so users > can see what happens as they change gains and filtering and trigger > level settings. Dual trace would be nice, the analog waveform and > corresponding comparator outputs. > > Has anybody done this? We'd consider getting outside help, either > advice or actual coding. > > I assume our box will, through some port, deliver HTML, Javascript, > and maybe some zipped JS libraries to the browser. And the company > logo of course. The browser will send us text strings to parse if the > user wants to change parameters or such. We would also deliver blocks > of waveform data on request. That's my PHB perspective on things; I'm > just the hardware designer. > > > -- > > John Larkin Highland Technology, Inc > picosecond timing precision measurement > > jlarkin att highlandtechnology dott com > http://www.highlandtechnology.com
http://www.developer.com/java/data/article.php/3529186/Plotting-Large-Quantities-of-Data-using-Java.htm What's the matter with that?
On Thu, 23 Jul 2015 11:25:37 -0700 (PDT),
bloggs.fredbloggs.fred@gmail.com wrote:

>On Thursday, July 23, 2015 at 2:18:16 PM UTC-4, John Larkin wrote: >> I'm designing a tachometer box and it will have a web page interface >> as one way to talk to it. I thought it would be cool to include an ADC >> so we could display waveforms, too. My software guys here are mostly >> embedded types so we don't know a lot about Javascript and such. I did >> a little searching and mostly found things for displaying audio >> envelope cartoons; I want a real oscilloscope-looking thing, so users >> can see what happens as they change gains and filtering and trigger >> level settings. Dual trace would be nice, the analog waveform and >> corresponding comparator outputs. >> >> Has anybody done this? We'd consider getting outside help, either >> advice or actual coding. >> >> I assume our box will, through some port, deliver HTML, Javascript, >> and maybe some zipped JS libraries to the browser. And the company >> logo of course. The browser will send us text strings to parse if the >> user wants to change parameters or such. We would also deliver blocks >> of waveform data on request. That's my PHB perspective on things; I'm >> just the hardware designer. >> >> >> -- >> >> John Larkin Highland Technology, Inc >> picosecond timing precision measurement >> >> jlarkin att highlandtechnology dott com >> http://www.highlandtechnology.com > >http://www.developer.com/java/data/article.php/3529186/Plotting-Large-Quantities-of-Data-using-Java.htm > >What's the matter with that?
I think they want to use JavaScript. This is interesting: http://tinyurl.com/padde3j -- John Larkin Highland Technology, Inc picosecond timing precision measurement jlarkin att highlandtechnology dott com http://www.highlandtechnology.com
On 2015-07-23 11:18 AM, John Larkin wrote:
> > > I'm designing a tachometer box and it will have a web page interface > as one way to talk to it. I thought it would be cool to include an ADC > so we could display waveforms, too. My software guys here are mostly > embedded types so we don't know a lot about Javascript and such. I did > a little searching and mostly found things for displaying audio > envelope cartoons; I want a real oscilloscope-looking thing, so users > can see what happens as they change gains and filtering and trigger > level settings. Dual trace would be nice, the analog waveform and > corresponding comparator outputs. > > Has anybody done this? We'd consider getting outside help, either > advice or actual coding. > > I assume our box will, through some port, deliver HTML, Javascript, > and maybe some zipped JS libraries to the browser. And the company > logo of course. The browser will send us text strings to parse if the > user wants to change parameters or such. We would also deliver blocks > of waveform data on request. That's my PHB perspective on things; I'm > just the hardware designer. >
An easy method for non-programmer types is this: http://azeotech.com/j/index.php Comes in various flavors from free to full bore. A "Shazam!" reaction at a client happened when they found their company logo integrated into the control screen which was no more effort than copy-paste. -- Regards, Joerg http://www.analogconsultants.com/
On 7/23/2015 2:41 PM, John Larkin wrote:
> On Thu, 23 Jul 2015 11:25:37 -0700 (PDT), > bloggs.fredbloggs.fred@gmail.com wrote: > >> On Thursday, July 23, 2015 at 2:18:16 PM UTC-4, John Larkin wrote: >>> I'm designing a tachometer box and it will have a web page interface >>> as one way to talk to it. I thought it would be cool to include an ADC >>> so we could display waveforms, too. My software guys here are mostly >>> embedded types so we don't know a lot about Javascript and such. I did >>> a little searching and mostly found things for displaying audio >>> envelope cartoons; I want a real oscilloscope-looking thing, so users >>> can see what happens as they change gains and filtering and trigger >>> level settings. Dual trace would be nice, the analog waveform and >>> corresponding comparator outputs. >>> >>> Has anybody done this? We'd consider getting outside help, either >>> advice or actual coding. >>> >>> I assume our box will, through some port, deliver HTML, Javascript, >>> and maybe some zipped JS libraries to the browser. And the company >>> logo of course. The browser will send us text strings to parse if the >>> user wants to change parameters or such. We would also deliver blocks >>> of waveform data on request. That's my PHB perspective on things; I'm >>> just the hardware designer. >>> >>> >>> -- >>> >>> John Larkin Highland Technology, Inc >>> picosecond timing precision measurement >>> >>> jlarkin att highlandtechnology dott com >>> http://www.highlandtechnology.com >> >> http://www.developer.com/java/data/article.php/3529186/Plotting-Large-Quantities-of-Data-using-Java.htm >> >> What's the matter with that? > > I think they want to use JavaScript. This is interesting: > > http://tinyurl.com/padde3j >
There are a bunch of options but unfortunately Javascript seems to be the only one that's actually practicable. Try this: https://github.com/jsantell/dancer.js/
Den torsdag den 23. juli 2015 kl. 20.18.16 UTC+2 skrev John Larkin:
> I'm designing a tachometer box and it will have a web page interface > as one way to talk to it. I thought it would be cool to include an ADC > so we could display waveforms, too. My software guys here are mostly > embedded types so we don't know a lot about Javascript and such. I did > a little searching and mostly found things for displaying audio > envelope cartoons; I want a real oscilloscope-looking thing, so users > can see what happens as they change gains and filtering and trigger > level settings. Dual trace would be nice, the analog waveform and > corresponding comparator outputs. > > Has anybody done this? We'd consider getting outside help, either > advice or actual coding. > > I assume our box will, through some port, deliver HTML, Javascript, > and maybe some zipped JS libraries to the browser. And the company > logo of course. The browser will send us text strings to parse if the > user wants to change parameters or such. We would also deliver blocks > of waveform data on request. That's my PHB perspective on things; I'm > just the hardware designer. >
long time ago when I hacked together the plotting for your cabin temperatures http://fonz.dk/jlplot.php I used http://www.flotcharts.org/ they also have realtime plotting -Lasse
On 7/23/2015 2:18 PM, John Larkin wrote:
> > > I'm designing a tachometer box and it will have a web page interface > as one way to talk to it. I thought it would be cool to include an ADC > so we could display waveforms, too. My software guys here are mostly > embedded types so we don't know a lot about Javascript and such. I did > a little searching and mostly found things for displaying audio > envelope cartoons; I want a real oscilloscope-looking thing, so users > can see what happens as they change gains and filtering and trigger > level settings. Dual trace would be nice, the analog waveform and > corresponding comparator outputs. > > Has anybody done this? We'd consider getting outside help, either > advice or actual coding. > > I assume our box will, through some port, deliver HTML, Javascript, > and maybe some zipped JS libraries to the browser. And the company > logo of course. The browser will send us text strings to parse if the > user wants to change parameters or such. We would also deliver blocks > of waveform data on request. That's my PHB perspective on things; I'm > just the hardware designer. > >
One approach is a CGI script that runs gnuplot under the covers. IIRC quite a few folks do that. (I'm a static HTML guy myself.) Cheers Phil Hobbs -- Dr Philip C D Hobbs Principal Consultant ElectroOptical Innovations LLC Optics, Electro-optics, Photonics, Analog Electronics 160 North State Road #203 Briarcliff Manor NY 10510 hobbs at electrooptical dot net http://electrooptical.net
On 7/23/2015 4:34 PM, Phil Hobbs wrote:
> On 7/23/2015 2:18 PM, John Larkin wrote: >> >> >> I'm designing a tachometer box and it will have a web page interface >> as one way to talk to it. I thought it would be cool to include an ADC >> so we could display waveforms, too. My software guys here are mostly >> embedded types so we don't know a lot about Javascript and such. I did >> a little searching and mostly found things for displaying audio >> envelope cartoons; I want a real oscilloscope-looking thing, so users >> can see what happens as they change gains and filtering and trigger >> level settings. Dual trace would be nice, the analog waveform and >> corresponding comparator outputs. >> >> Has anybody done this? We'd consider getting outside help, either >> advice or actual coding. >> >> I assume our box will, through some port, deliver HTML, Javascript, >> and maybe some zipped JS libraries to the browser. And the company >> logo of course. The browser will send us text strings to parse if the >> user wants to change parameters or such. We would also deliver blocks >> of waveform data on request. That's my PHB perspective on things; I'm >> just the hardware designer. >> >> > One approach is a CGI script that runs gnuplot under the covers. IIRC > quite a few folks do that. (I'm a static HTML guy myself.)
Isn't there an actual oscilloscope display package under Linux? It should be fairly straightforward to drive that from an internet connection. I guess requiring the customer to installing such a package is not preferred. -- Rick
On 23.7.2015 г. 23:49, rickman wrote:
> On 7/23/2015 4:34 PM, Phil Hobbs wrote: >> On 7/23/2015 2:18 PM, John Larkin wrote: >>> >>> >>> I'm designing a tachometer box and it will have a web page interface >>> as one way to talk to it. I thought it would be cool to include an ADC >>> so we could display waveforms, too. My software guys here are mostly >>> embedded types so we don't know a lot about Javascript and such. I did >>> a little searching and mostly found things for displaying audio >>> envelope cartoons; I want a real oscilloscope-looking thing, so users >>> can see what happens as they change gains and filtering and trigger >>> level settings. Dual trace would be nice, the analog waveform and >>> corresponding comparator outputs. >>> >>> Has anybody done this? We'd consider getting outside help, either >>> advice or actual coding. >>> >>> I assume our box will, through some port, deliver HTML, Javascript, >>> and maybe some zipped JS libraries to the browser. And the company >>> logo of course. The browser will send us text strings to parse if the >>> user wants to change parameters or such. We would also deliver blocks >>> of waveform data on request. That's my PHB perspective on things; I'm >>> just the hardware designer. >>> >>> >> One approach is a CGI script that runs gnuplot under the covers. IIRC >> quite a few folks do that. (I'm a static HTML guy myself.) > > Isn't there an actual oscilloscope display package under Linux? It > should be fairly straightforward to drive that from an internet > connection. I guess requiring the customer to installing such a package > is not preferred. >
He is after a browser plugin - something like VNC, the way I do it on our spectrometers (I do not use a plugin but I could if I wanted to). However this implies a fullblown RFB connection to a stand alone system having its display and GUI locally (within his oscilloscope thing) which is far from being trivial. Dimiter ------------------------------------------------------ Dimiter Popoff, TGI http://www.tgi-sci.com ------------------------------------------------------ http://www.flickr.com/photos/didi_tgi/
Den torsdag den 23. juli 2015 kl. 20.18.16 UTC+2 skrev John Larkin:
> I'm designing a tachometer box and it will have a web page interface > as one way to talk to it. I thought it would be cool to include an ADC > so we could display waveforms, too. My software guys here are mostly > embedded types so we don't know a lot about Javascript and such. I did > a little searching and mostly found things for displaying audio > envelope cartoons; I want a real oscilloscope-looking thing, so users > can see what happens as they change gains and filtering and trigger > level settings. Dual trace would be nice, the analog waveform and > corresponding comparator outputs. > > Has anybody done this? We'd consider getting outside help, either > advice or actual coding. > > I assume our box will, through some port, deliver HTML, Javascript, > and maybe some zipped JS libraries to the browser. And the company > logo of course. The browser will send us text strings to parse if the > user wants to change parameters or such. We would also deliver blocks > of waveform data on request. That's my PHB perspective on things; I'm > just the hardware designer. >
buy a red-pitaya: http://www.alliedelec.com/red-pitaya-red-pitaya-v1-1/70357417/ download the source: https://github.com/RedPitaya/RedPitaya and start hacking away, it is a zynq running linux and it seem to do exactly what you want https://youtu.be/2VsiFzIbQ8I?t=8m12s -Lasse