Standalone VCD viewer PWA application
Using:
- https://github.com/wavedrom/doppler
- https://github.com/wavedrom/vcd
- https://github.com/wavedrom/ql
- etc.
npm i vcdrom
VCD viewer
Home Page: https://vc.drom.io
License: MIT License
Standalone VCD viewer PWA application
Using:
npm i vcdrom
Maybe in the gutter
https://codemirror.net/examples/gutter/
Allow more easily navigating traces. If a particular signal has focus, filter by changes to that signal.
Zoom level should be retained.
Screen position of that next/prev signal change would preferably match the current (or first on-screen signal change's location).
hi that is great to view vcd file insider vscode seamless
Load streaming JSON messages:
https://en.wikipedia.org/wiki/JSON_streaming
Standard fields:
t
-- time stamp (in time units compatible with VCD) optional field. If omitted, t
is current time stampn
-- signal name...
{"t":2334534, "n":"MY_WRITE", ...}
...
...
{"t0":345345, "t1":34564556, "n":"SEQ_NAME", "n1":"END_BAR", "n0":"BEGIN_FOO", ....}
...
{clock,valid,ready,up:10}
will disappear when close to bottom of the screen
here is sample from https://vc.drom.io/?github=Mohammad-Heydariii/Digital-Systems-Lab-Course/main/Lab_project4/modelsim_files/clkdiv2n_tb.vcd
Array signal r_nxt is not displayed correctly,there are three signal r_nxt[2],r_nxt[1],r_nxt[0] in clkdiv2n_tb.vcd file, but in the wave form only one r_nxt wave, It seems that the array signal is not recognized
I run a server (interactive-ebooks.com) where I allow students to build and run in-browser Verilog coding exercises. I'm using iverilog to run the code. Given that it's easy to produce a VCD file on my server, what's the appropriate way to send back the VCD data as a string that vcdrom can load? Hopefully, something along the lines of VCDrom(div_id for the resulting viewer, string contents of a VCD file)
?
Thanks for the awesome tool!
Add a proper UI component for opening local VCD file.
Original thread: https://twitter.com/lucasteske/status/1432746780534480905
Is it possible to use this library on a website or in Electron? What would be a good example of what components I would need to use? Also, just want to mention, I love the way this looks!
Show filename in the render to distinguish between multiple windows
Any thoughts about how to include higher level markers and annotations? I'm interested in processing VCD files to produce higher level annotations like I2C and SPI transactions. (Something along the lines of sigrok or gtkwave filters but using vcdrom) Ideally they'd be output by python vcd analyzer plugins. Thanks!
Some other key combinations (Alt/Shift/Ctrl+digit) may not be working as well (but I did not check). Simply keystrokes on numeric part of keyboard have different codes.
Via mouse input, dragging on a portion of the signal should allow measurements.
e.g., initially, show the time delta between the two spots.
Long-term, plan to allow other calculations (e.g., min/max, duty, etc.), as they become of interest.
Hi, this is a great project and I am playing with your online demo on Windows 10 and Microsoft Edge. But it seems that sometimes the viewer could not render the waves properly. Here is the vcd file: https://drive.google.com/file/d/1UUYgRJgM4vXmH1fEgcTKcgG2DvKSvjrW/view?usp=sharing
Normal-->Mac
Alt0 --> Alt+º
Alt- --> Alt+–
Alt+ --> Alt+≠
Alt, --> Alt+≤
Alt. --> Alt+≥
Alt] --> Alt+‘
Alt[ --> Alt+"
Alt/ --> Alt+÷
WaveQL editor needs to be Read-only by default.
Ctrl+E
or Ctrl+Click
to activate editor.
Deactivate on Defocus
Similar to:
https://d3js.org/d3-shape/curve#curveStepAfter
Make sure:
Application must work offline.
PWA allows local file access via File System API
I want to run this project in my local server, but I don't know how to achieve it after '''npm install'''.
Can you give some help, please?
Thanks a lot!
Add some User documentation about VCDrom
Review PWA fatures that might be useful for VCDrom
I wanna use vcdrom with FST, is there any plan to it?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.